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

Hej, vsi. Moje ime je Edwin Guarin. To je Chris Bowen. Mu bom predstavil sebe v drugem. Želim, da bi hitro napoved. First of all, vse, kar CS50 študenti dobili Windows 8 brezplačno. Torej, če razmišljate o dejansko uporabi za svoj končni projekt, je tvoja. Nate bo poslal e-pošto, kasneje navodila. Druga stvar je, če ste se odločili napisati Windows 8 app za vaš CS50 končni projekt, bomo, da se delaš nekaj darila: Xbox, bomo morda mogli dati skrilavca stran, stvari, kot je ta. Torej, če je kaj vas zadržuje, naj Chris ali vem kako vam lahko pomagamo zgraditi nekaj res kul. Torej, še enkrat hvala za obisk danes, in bom jo izroči Chris. 

Hvala, Edwin. Hvala vsem, ste se nam pridružili še danes. Jaz sem Chris Bowen. Jaz sem eden od kolegov Edwin je tukaj na severovzhodu. Želel sem, da bi porabili malo časa z govoriš kako narediti aplikacije Windows Store s HTML5, JavaScript in CSS in nekako priti na vsa vprašanja, ki jih morda imate o tem odgovoril na za vas kot iščete proti razmišljal morda jo uporabljajo za CS50 finala priložnost. 

To je dejal, bomo samo potopite noter Šel bom na diapozitivih sem. Če imate kakršnakoli vprašanja, vas prosimo, da nam pošljete e-pošto. Jaz sem cbowen@microsoft.com, in tam je moj blog in moj Twitter. Vendar pa hočeš priti v stik z mano, da je v redu. Imam približno eno uro stvari, in želim, da bi dobili na vaša vprašanja v tej poti, zato ne bodite sramežljivi o imajo vprašanja v to. Ne vidijo, kdo sprašuje vprašanja o evidentiranju, tako da boste lahko kot anonimni, kot si želim biti. 

Naj se potopite v desno, tako da vam hitro uvod v operacijskem sistemu Windows 8, in vam pokazal nekaj stvari o Windows Store aplikacije, ki jih lahko uporabite ko razmišljate o razvoju aplikacije. Smo iskali na Windows 8. Smo bili pozorni na nekaj tednov. Veliko močne sprejetju tam že. Morda ste že videli na površini naprave, ki jih imamo, kot dobro. Še ena tukaj dejansko si lahko ogledate, če ste tukaj na osebo. Res bi rad govoril s tabo, ti razkazal malo o Windows 8. Ideja z Windows 8, je res da pripravi vse stvari, ki ga poznate za Windows v nekaterih novih izkušenj - še posebej, stvari, kot na površini stroj s pritiskom, Tovrstne več mobilnih naprav, ki so zdaj na trgu, ampak to je tudi Windows na njeno jedro. Torej to pomeni, da ga lahko namestite v resnici na nič, ki teče operacijski sistem Windows 7, od svojega največjega trojno SLI gaming ploščadi navzdol za vaš prenosnik in vašim svetlečim novim drugih naprav, ki bi lahko dvignili danes. Tekli bodo Windows 8. Pokazal vam bom okoli samo malo, in vse izkušnje, ki jih lahko vidite tukaj, so stvari, ki jih lahko ustvarite. Ideja je, ali je to na dotik, miška, tipkovnica, ne glede na napravo, da delate svojo prijavo na, da se dogaja, da delujejo dobro. Windows 8 bo pomagalo pri vseh teh scenarijih. 

Te diapozitive prahi, kaj je pravkar dobili pravico v ob poglej tukaj. Naj vam pokažem okoli mojega domačega zaslona. To je moj začetni zaslon. Jaz bom dal malo turnejo tukaj. Jaz sem na ne-touch napravo z, tako kot jaz želim, da dotik svoj laptop zaslon, da ne bo storil ničesar, tako da bom samo pomaknite tukaj malo in vam pokažem. Nekatere stvari, ki jih boste morda opazili, so dejstvo, da so te tako imenovane žive ploščice dejansko lahko animirati in jim lahko zagotovi informacije za vas - morda novice o statistiki za igro ali ti pokažem novice iz nekaterih prejšnjih aplikacije, ki so tu na levi strani. Takole. Prepričan sem, da je edina pozitivna in fantastično odlična novica. Tukaj lahko vidite, to je res kliče vašo pozornost nazaj na app, rekoč: "Hej, tam je nekaj novega tukaj. Oglejte. Pridi nazaj in videti, kaj je novega pri vas." Temu se reče v živo ploščice, in lahko storite obvestila bodisi že od same vloge ali pa, če pogledamo bolj podrobno, boste izvedeli, kako napisati oddaljeno službo da lahko dejansko potiskanje informacije ploščice, ki je, kar se dogaja s temi novicami apps. Oni so dejansko dobili novice iz oblaka in posodabljanje ploščice tam tako da ljudje vedo, da je razlog za odprtje aplikacijo in si oglejte Ne glede na zadnje novice je v katerem koli od teh ali če je nove recepte ali novo visoko oceno premagati ali prijatelj igranje ali karkoli o teh vlogah. To je nekaj, kar bi vas pritegnili nazaj noter Torej, to je žive ploščice, in to bi lahko oseba, bi moralo biti na spletni strani, kot dobro. Ponavadi je to vloga. 

Precej vse te stvari, ki sem jih tu prišel iz Windows Store. Jaz bom začela to. To je ena od aplikacij, ki jih dobite privzeto na vsak stroj, ki je nameščen operacijski sistem Windows 8. Lahko pridejo sem, da bi našli vse, kar bi želeli, od stvari, ki so poudarjene z igrami, ki jih še nisem videl. Oh, wow, imamo nov fliper tukaj. Lahko namestite ti tukaj iz trgovine, in bomo govorili o tem, kako razviti ti. Imate veliko možnosti, kako jih ustvarite. Bomo osredotočiti na zgodbo JavaScript v HTML in CSS, vendar uporabniku, kupcu app, da ni pomembno, kar je bilo zapisano podati Lahko gredo naprej in delo z njim. Jaz sem spletka s to eno, tako da moram to odpreti in si oglejte. Vsak app, vključno s tistimi, ki jih lahko predložijo in ga prodati ali dati proč brezplačno, karkoli hočeš narediti v trgovini, bo dobil domačo stran, kot je ta. Lahko predloži skupaj s prijavo kup posnetkov zaslona - boste videli nekaj tukaj - Podrobnosti o vlogi, in sčasoma boste kopičijo obeh ocen - oni so v bistvu samo kategorija - in ocene, ki zagotavljajo malo večji vpogled. Pravzaprav, nekdo mora vnesti nekaj, in vam povem, kako super ste, in da bo šel v vašem oddelku Mnenja sem, ki nisem pogledal. Fantastično. "Sploh ne bo odprl." Kako velik. No, za ljudi, za katere je to storil odprto in rok, se zdi, da ga resnično uživajo. [Smeh] Imejte to v mislih. Internet. Vsak lahko pove, kaj hočejo o svoji vlogi. Zato poskrbite, da delaš veliko delo z njim, prepričajte, da ste zaradi česar je prijeten za uporabnika, kot si lahko ker oni so nekaj klikov stran od zagotavljanja komentar, in da bo kopičijo do vaše splošno oceno o pregledu. In želite, da opravljate svoje najboljše, ker boš največ v primerjavi z drugimi aplikacijami. Tam bo na tisoče apps so že v skladišču, in možnosti so, da je lahko nekaj, kar počne podobno funkcionalnost s tem, kar delaš. Torej, če lahko res izstopajo iz množice, da se bo to v vašo korist, seveda. 

Bomo prišli v trgovino malo kasneje. Res si želim, da se osredotoči na ustvarjanje aplikacij. Vendar kratka različica trgovini je po vsem svetu za distribucijo, to je avtomatično del operacijskega sistema Windows 8, ljudje samo ogenj in si oglejte različne aplikacije tukaj, imate Dress-Up Sticker Book in vse vrste različnih aplikacij. Sveže Paint, jaz raba to veliko - slabo, vendar sem jo uporabite veliko. To mi je pokazal, sem ga že imate. Naj ti nekaj pokažem nimam - UVideos nimam, kot čisto nov. Vidiš, tukaj je prost, tako da ga lahko namestite pravica iz trgovine. Imate tudi možnost izbire preveč. Lahko seveda ga podarite. Vi lahko postavite oglaševanje v aplikaciji ali igri. Lahko tudi zaračuna za to, in bi lahko zelo enostavno zagotoviti sojenje za uporabo, kot tudi tako da lahko pustite ljudje poskusite za teden ali karkoli želite storiti. To je samo prilagodljiv prek portala. Ne boste napisali nobene kode za to. Torej pravite, »Lahko uporabite to za en teden in potem moraš kupiti" ali bi lahko naredil stvari, kot so: "Lahko bi igral prve 3 stopnje te igre "In potem moraš kupiti za dostop do počitka." Lahko bi celo naredil in-app nakupe, kot tudi, tako da lahko rečem, "Imamo dodatne dogodivščine ali sklopov grafike ali stvari, ki so odklenjena - "Več receptov, ki so odklenjena -. Če kupite teh razširjenih sklopov" In lahko to storite vse v aplikaciji ali igri sami. Torej, povsem odvisno od vas, vaša izbira. Obstaja veliko stvari, ki jih lahko storite v trgovini, in potem v bistvu si ga predloži certifikacijskega kanal. Lahko govorimo vse o tem malo kasneje, ampak to je cilj. Želite, da se vaš app svetovni prepoznavnosti v trgovini tukaj. 

Nazaj na zaslonu Začnite tukaj bi rad, da ti pokažem, okoli malo več. Če sem začela te programe, naj ti dam primer neke cross-app funkcionalnosti tukaj. Da bi to dosegli, bom začela sveži barvi. Ena stvar, ki jo boste videli tukaj je vsak bit zaslona, Vse pik na zaslonu, pojdite na app. Gone so dnevi, kjer imate te meje okoli oken z veliko gumbi, ki so vedno tam ob nastopu prostora ves čas. Zdaj si res želite, da bi dobili od tega in samo še vaša vsebina je poudarek. Mi lahko naredimo stvari z operacijskim sistemom Windows z dostopom do drugih vrst menijev. Eden od njih je pravzaprav tisto, kar se imenuje čare bar, in pride ven iz strani zaslona. Lahko dejansko preleti od strani, če imate zaslon na dotik, boste lahko z desnim klikom če imate miško, tam je bližnjica tipkovnico za to, vedno obstaja več kot en način, da narediš nekaj v okolju tukaj. To prinaša številne stvari, ki jih lahko storite. Najbolj očitna je, da lahko greš nazaj na zaslon Start ampak drugi 4 so tisto, kar imenujemo čare. To so pogodbe, ki jih lahko priključijo kot razvijalec app. Oni so zelo kul. Iskanje, sem prepričan, da je to nekaj, kar bomo storili, delitev Pokazal ti bom v drugem, in naprave in nastavitve, vse to so stvari, ki lahko vaš app priključijo vzvoda Windows, reči, "sem naredil svoj del "In želim Windows podpreti nekatere druge funkcije, "In ne želim napisati veliko kode, da to uresničimo." To je res prednost uporabe te funkcije. Naj vam pokažem enega. Da bi to dosegli, bom naredil novo sliko. Prav tako sem govoril o uporabi vsak pixel za vaš app. Privzeto je, da je to tisto, kar app barva zgleda, ko ste ga uporabljate. To je res skoraj vse, kar ste risanje, svojo vsebino. Jaz bi naredil grozne stvari tukaj. Kaj naj narišem? Ne vem. Čačke? Oh, super. Lahko storim čačke. Fantastično. Puran? [Smeh] To je najbolj abstraktna purana, boste videli. Lahko tudi bruhati, kar se imenuje app bar, in to je res eden od ključnih načinov, ki jih lahko uporabite skril vse stvari, ki bi lahko bil na tvojo aplikacijo ali igro, preden samo ob nastopu prostora ves čas. Sedaj lahko dal gor, in to je res ena izmed bolj lepih doživetij z app bar, ki sem jih videl. Dal na izbiro tukaj za izbiro različnih barv. Želeli smo purana, tako da bomo dal nekaj rjave tukaj, da začnete mešanje v nekaj barvah. Mi bomo vmesno barvo tukaj in potem pridi nazaj. Lahko začnete risati. Tam je tvoj puran. Fantastično. Ne morem se pripraviti na začetku, ampak da to storite z touchpad pred občinstvom je še boljši. To je super. Ideja, čeprav je vse, kar me zanima je tukaj na površini. Recimo, da sem tako zadovoljen s tem, da moram to deliti z nekom. Običajno kaj bi naredil z drugimi različicami operacijskega sistema Windows, bi morda narediti posnetek zaslona, ​​bi naredil nekaj copy-paste besedila ali podobnih stvari, ki jih želite deliti ven, in potem pojdi in odpreti novo aplikacijo in jo dal v to. Tukaj vam ne bo treba storiti. Lahko dejansko prinašajo določene čare bar in rekel: "Jaz želim deliti to." Na tej točki se dogaja, da vam pokažem vse aplikacije da vedo, kako se dela s tistim, kar je v skupni rabi. V tem primeru je slika, tako da je hotel reči: "Vidim, da imaš sliko." "Ali želite deliti to?" Ogledate si lahko tudi sam sem email stvari ves čas. Priznava, da je, in to me je ponudbo, da kot bližnjico, vendar je prav tako mi kaže vse aplikacije, ki ve, kako se spopasti s fotografiranjem in delaš nekaj z njo. Ti so navedli, da operacijski sistem Windows, da lahko to storim. Na tej točki je to okno. Uporabnik le izbere tisto, kar hočejo storiti z njim. Potrudil se bom po navadi od PuzzleTouch. Vidite lahko, da sem ustvaril vse vrste ugank v daljšem časovnem obdobju. Vzel bom PuzzleTouch in reči, "želim deliti to neverjetno ustvarjanje z PuzzleTouch." To se dogaja, da gredo naprej in reči, "Great. Želite deliti to? Logotip." "Želite, da bi sestavljanko, ki je enostaven, srednje, karkoli?" Naredila bom vmesno tukaj. To naredi sestavljanko. To se dogaja, da je grozno uganka, saj je večinoma prazna. Ampak to je pripravljena, in da je dejansko vrnil v drugi vlogi. Če bom prišel ven, sem lahko poiščete in njenega delovanja. Zdaj, če smo se pomaknite nad samo malo tu, bi morali videti mojega ustvarjanja nekje. Kam naj grem? Kakšno sestavljanke sem sam naredil? Sem bi bilo enostavno? Oh, to je to, prav tam. [Smeh] To je zlahka prepoznaven puran puzzle, da je tukaj. Ampak stvar, želim poudariti, da vam je kul stvar tukaj Je apps ni vedel ničesar o seboj. Rekli so le, "Imam sliko na delnico, in vem, kako ravnati s slikami." In ti kot razvijalec, vam ni treba napisati to kodo. Ko me nekdo prosi, da delijo, bom dal nekaj podatkov v tej mali strukture podatkov in sem narediti. Drugi app prevzame, pa svojo stvar, in to je konec delitve izkušenj. To je samo ena stvar, ki jo lahko naredimo - zelo, zelo močan - in to se dogaja, da je ena od tistih stvari, ki bi lahko resnično pomaga razlikovati vaš app in tudi tvoja igra tudi v trgovini. Ljudje se bodo lahko rekli: "To je res uporabno." "Jaz raba to puzzle Stvarnika ves čas. To je fantastično." 

To je približno dovolj kratek pregled, kaj se dogaja tukaj. Tukaj je nekaj drugih funkcij tudi, da morda bomo izpostaviti, kot smo šli skozi kodo. Ampak želim, da se potopite v diapozitive, in za to, da bom šel na namizje, , ki je sama po sebi še živo tile tu. Lahko grem v to in, seveda dovolj, da sem na mojih diapozitivov, vendar naj vam pokažem, pravzaprav, kje smo. Mi smo dejansko v načinu namizja. To je res, če tisto, kar sem rekel prej o Windows prenos za nove izkušnje samo po sebi kaže. To je Windows veš. Windows aplikacije, se imenujejo namizne aplikacije. Oni vodijo tukaj. Če imate obstoječe aplikacije in želite, da jih predvajajo na Windows 8, lahko popolnoma storiti. To niso iste stvari, kot so shranjevanje aplikacij, ki so tukaj, kot sveži barvi teh NBC News apps in podobnimi stvarmi. Tisti, ki bo prišel iz trgovine. Jih lahko priključite na nekatere funkcije, ki sem vam bo pokazal, in drugi, da vas nisem prikazani samo še. Ampak šele obdržati to v mislih. Imamo podporo za obe stvari, kot dobro. Žal mi je. Je nekaj, kar ne prikazuje na zaslonu? Izgubila sem jo v celoti. To je čudno. Ok. Hvala za poudaril, da ven. Kaj niste bili priča nekaj časa je moj prikazuje, da je desktop tukaj. Kaj je zadnja stvar, ki si jo videl? Ste videli to? To je namizje. Vi že veste, kako izgleda. To ni nič strašno nenavadno. To je naša izvajanje te izkušnje naprej za vas in vam omogoča uporabo stvari, ki ste jih imeli. Na primer, bom vam pokazal Visual Studio. To je namizna aplikacija. To se dogaja, da delujejo v tem načinu. To se dogaja, da podpira bolj kompleksno okolje z veliko možnosti in stvari, kot je ta, da naredi to dobra izbira kot namizno aplikacijo. 

To je dejal, pojdimo na diapozitivih za samo malo in vam nekaj uvodnega vsebino, nato pa se v resnici kodiranja tukaj. Dobra novica je, da sem slišal, da ste se osredotočajo na veliko CSS in JavaScript, HTML. Vse te stvari, ki ste jih učijo opravlja neposredno v izdelavo Windows Store aplikacije. Stvari, ki ste jih slišali o z uporabo CSS selektorje in vse tiste stvari, je točno to, kar si naredil, da ustvarite vlogo tukaj za trgovino. Šli bomo skozi te stvari, malo po malo. V bistvu, sem gradila na stvari, ki ste jih že vzeli čas za učenje. To je splošna shema tehnologij, ki bi jih uporabljate za vložitev zahtevkov za Windows 8. Stvari na desni, namizne aplikacije, je res tisto, kar smo že vedeli. To je stvar, ki je res Windows 7 svet prenesen v Windows 8. Vse te možnosti, prenese: C #, VB, Win32 vrste razvoja. Super. Ni problema. Nova stvar je na levi strani. To je Windows Store aplikacije, ki je, ko hočem, da se moja vloga žično v operacijskem sistemu Windows 8. uporabiti vse tiste značilnosti, da dobim v trgovino, in dobili, da je res kul izkušnje aplikacij za Windows Store. Da bi to dosegli, si lahko ogledate tukaj imaš vse svoje odločitve z XAML, C + +, C #, VB, bi lahko naredil DirectX, take stvari, stvari, ki presegajo diapozitiv. Ampak za nas, si bomo osredotočili prav na podlagi dejstva, da je HTML, CSS in JavaScript so res prvovrstno državljan, za izdelavo aplikacij za Windows 8 in za Windows Store. Torej, to je dobro za vsakogar tukaj in ljudje gledajo na video saj lahko samo vzvod vse tiste izkušnje, ki jih imajo in res tie v to, kaj ponuja Windows. Boš naredil z nizom API-jev, ki bi morala biti nobeno presenečenje. Vsak OS ima svoje API. Smo izpostavili, kaj lahko storite s pomočjo Windows, kar se imenuje WinRT. To je nabor API-jev, ki so pravkar stori vse, kar za vas. Če morate odpreti datoteke, morate uporabljati kamero, geolokacijo, stvari, kot je ta, gredo skozi kaj lahko Windows ponudi za vas. Za dostop do tega, da imamo še nekaj JavaScript, ki se dogaja, da bi bilo še lažje za vas, da to storim. Bomo prišli do, da v trenutku. Ampak za zdaj, to je v bistvu vaše road map. Stvari, ki ste jih že delajo na vrhu nekaterih API , ki pomagajo pri delu z Windows enaka trgovina app. In to je res približno vse, kar morate vedeti, od visoki ravni. 

Bomo se potopite v dejansko delajo z stvari zdaj. Stvari, ki ste jih verjetno že videli kup, z IE9 nekaj časa nazaj smo uvedli podporo za veliko, v času, novejših standardov na spletu, tako veliko novih funkcij, CSS, Veliko novega HTML, ECMAScript 5, ki je res JavaScript. Torej je vse za to, razen za strogo načinu bil v IE9. Samo tone stvari s CSS, CSS3, vse tam. In vse to prenaša v to, kar delamo z Windows 8. Lahko uporabite te stvari, in jih lahko uporabite vse, kar je novega v IE10. Z IE10 uvajamo podporo za vse te stvari, kot dobro. Oni so vsi strojno pospešeno, tako da, če ste na stroju, ki je neke vrste GPU, kar je verjetno precej vsak stroj, ki bi lahko dobili v zadnjih 8 letih, boste morali imeti strojno pospešen izhod, vizualni izhod s CSS, Canvas, SVG. Vse te stvari bo šel skozi strojno pospeševanje in da je veliko hitreje in bolj učinkovito. Kratka različica vsega tega - Ne bom šel skozi vsako stvar tukaj - če ga vidite na tem seznamu, če lahko to storite v IE10, če je spletna aplikacija, ki ste tekmovanje v teku, ki deluje v IE10, to je nekaj, kar lahko storite kot Windows Store app. In to je v bistvu vse. Torej, če deluje v IE10, gre za delo kot Windows Store app. To je na mizi, kot nekaj, kar bi lahko uporabili. 

Tam je veliko tukaj. Nimamo do polnoči, tako da ne morem pregledati vse tukaj. Toda obstaja nekaj lokacij, ki vam bo pomagal razumeti, kaj te stvari lahko storite, in pokazal ti bom eno od njih na sekundo. Želel sem samo poudariti nekaj ključnih stvari, ki jih lahko pogledate. Morda ste že videli nekatere od teh v svojih študijah ampak to so res v pomoč, predvsem z Windows Store aplikacije, s strani CSS. Torej bi mogli storiti, transformacije in prehode, zagotavlja gibanja z animacijo - to so vsi del CSS sedaj, in oni so vsi podprli sodobnih brskalnikov, in IE10 in IE9 so dodali podporo v daljšem časovnem obdobju za vse te stvari. In zakaj ga napisali sami, zakaj gredo skozi vse težave, ki počne te stvari z roko ko lahko uporabite preprost CSS preoblikovati, da ustvari 3D učinek za vašo aplikacijo? Super. To je, kako to deluje. Ne morem ga več težje kot to. Če veste, kako to storiti v CSS, saj veš, kako to storiti v aplikaciji Windows Store. 

Preseganje, da je za postavitev, stvari, kot celo trgovina app, celo presegajo, da gledaš morda novinarski app, ki se vam prikazuje članke ali recepti ali stvari, kot da te druge vrste funkcij v CSS so zelo koristne: Grid, Flexbox, CSS regije je bolj pošteno novega standarda, kot dobro. Te stvari se vse dogaja, da vam pomaga določiti iz vsebine in pretoka vsebin med oddelki, biti sposoben narediti številčenje strani in deljenja, ne da bi vam bilo treba pisati stvari sami. Ti samo reči, "Prosim, naredite naslednje zame," in kot je zaslon nepremičnin drugačna na različnih strojih ali kot boste videli v trenutku, ko snap aplikacijo da imajo manjše količine prostora na zaslonu, da to ni problem za CSS. To lahko izkoristijo - bova pogovorila o medijskih poizvedb v drugi - lahko skrbijo za stvari s prestavljanjem vsebine, ki teče vsebine iz regije samo s temi stvarmi, ki ste morda že opazili s spletno tehnologijo. 

Na strani HTML5, obstaja tudi kup stvari da bi bilo zelo koristno za vas z Windows Store aplikacije. Še enkrat, ne bomo šli skozi vse to, ampak oni so samo tukaj. Torej, če boste morali uporabiti, avdio-video, če želite narediti potrditev od oblik, geolokacije, vse stvari, ki jih lahko storite v JavaScriptu z JavaScript 5 ali ECMAScript 5, IndexedDB za lokalno shranjevanje - vse to so možnosti za vas. Če iščete odgovor, samo poglej na obstoječih tehnologij s HTML5 in CSS in boste našli lažje odgovore, kot da bi uvedla veliko te stvari sami. Naj vam razkažem malo tukaj. Imam spletno stran, lahko gremo na. Dovolite mi, da zaprete iz tega tobogan za sekundo. 

Če gremo ven, da IETestDrive.com, Ne bom naredil veliko demo tukaj. IETestDrive.com je res prikazuje veliko o tem, kaj je novega pri IE10, stvari, ki jih lahko storite. Se mi zdi da je to res uporabno, saj namesto branja skozi kup bele knjige, pogled na nekaj demo posnetkov, in to se dogaja, da vam ga dal na svoj osebni radar o tem, ali tehnologije, je smiselno, da še narediti še več raziskav z tako da boste razumeli, "Vidim, kaj je to za." "Razumem, kaj Zahteva Animacija Frame ne za mene." "Jaz razumem, kako sem lahko uporabite regijah ali SVG filtrov." Ste jih videli v akciji, ki jih vidite na primer tukaj, in se odločite sami, če da se dogaja, da je koristno za vas v vaših lastnih projektov in izven kot ste še naprej sodelovala s spletno tehnologijo. Tukaj bi rad samo Spodbujam vas, da si ogledate. Mislim, da ne bom veliko časa preživela v resnici teče ti. Imava dovolj, da pokažejo s pisanje kode. Videli boste tu stvari, zaradi vplivov na dotik z igrami, ki temeljijo na dotik v tem oddelku, animacija, zelo hitro strojno pospešeno animacija tam, nekaj optimizacij, ki jih lahko vidite v nekaterih od teh vzorcev, kot tudi, in tam je še veliko, veliko več. Če greš tja in odprli kazalo, tam je samo smešno število vzorcev tukaj. Vse si jih lahko ogledate tukaj. Če ste iskali na nekaj, ali si slišal o nečem in ste se spraševala, morda bi bilo to nekaj, kar kul za uporabo v app, poskusite pogledati tu in tam je verjetno zelo dobra demo za to, da si prihranimo nekaj časa. 

Ok? Vsa vprašanja doslej za ljudi tukaj? Ok. Bomo nadaljevali tukaj. Again, samo preverite to. So spletnih standardov, tako da gredo na drugih mestih izložba, ki jih poznate iz in videli, če te tehnologije smisla za kaj poskušate storiti. 

Nazaj na diapozitivih. To je dejal, se selite iz spletnega sveta, da res nameščen lokalno uporabo svetu, tako da obstaja nekaj stvari, ki opozarjajo tukaj. First of all, ni spletni strežnik je tukaj vpleten. Ni Apache, ni IIS teče tukaj služijo up strani z oddaljenega odjemalca, z oddaljenim brskalnika agent. V tem primeru je res vse, kar je pakiran za vas. Boste posredovali kot vašo prijavo v trgovino, postane certificiran, je v trgovini, nato pa se bodo ljudje, ki jih na tisoče namestiti igro ali vaš app. Ampak v bistvu, oni so ga vleče navzdol na lokalni ravni, da svoj stroj. Nobene potrebe ni, da gredo ven na spletu več, če imate klice, ki potrebujejo oddaljeni API, in to je povsem normalno, pa tudi preveč. Ampak oni ne bodo v tem načinu, ko morajo iti zahtevek odziv iz strežnika da bi dobili naslednjo stran njihove vsebine. Tako, da je rekel, da je nekaj manjših razlik API. To so neverjetno majhen. Oni verjetno, da bi te zadel v normalne kodiranja, ampak oni so vsaj dokumentirani. Oni nekako roba primerov tam. 

Druga stvar, vredno izpostaviti, so razlike zaupanje. Jaz samo omenjam zato, ker sem samo želim, da poskrbite, da sem to rekel, tako da, če naletite na kasneje, boste razmišljati, "je dejal Chris nekaj o tem, "Mogoče, ja, v redu," in potem greš nazaj in boste izvedeli, kaj je bilo. Konteksti važno. Privzeto skušamo zaščititi uporabnika pred vektorji napada. Obstajajo nekatere stvari, ki jih lahko storite privzeto in nekatere stvari, ki jih potrebujete, da sprememba konteksta omogočiti. Kot ste z nekaj knjižnic tam - Saj si že delajo s jQuery, ampak če pogledaš za druge knjižnice tam - morda vas bo z uporabo nekaterih funkcionalnosti da nekako presega lokalno prakso, ali bolj dinamične interakcije Zahteve xhr, take stvari. Včasih boste morda našli tiste, ki se bodo privzeto onemogočena, in v tem primeru, samo to iskanje, poglej za lokalno in spletno okviru in boste izvedeli, kako popraviti da. Samo poskrbite, da boste vedeli o tem, da ko boste začeli uporabljati druge okvire, ki, naj omenim, da ste popolnoma sposobni narediti. Torej, če boste našli kakšno drugo okvir - Bomo govorili o tem, v drugem - za igranje in želite uporabiti, da želite uporabljati nekatere nadzorne knjižnic, ki so tam in ne želite, da bi napisal te stvari sami - to je dobra ideja, kajne? - lahko popolnoma uporabo te stvari. Da je nič ne ovira pri uporabi katere koli vrste knjižnice, ki temelji na JavaScript, CSS, HTML5. Še enkrat, če je to nekaj, kar lahko storite v IE10, ki je pekel od veliko teh dneh, lahko to storite. Ga potegnite v svoj app, sklicevanje, ki JavaScript knjižnico, in ga uporabljajo v svoji vlogi, samo v obzir, boste morda zadeti varnostnega konteksta vsake toliko časa - ne zelo pogosto. 

In potem so lastnosti, bomo šli čez nekaj več od tistih, ko gremo. UX boste nekako navadil, kot vidite več in več prijav od operacijskega sistema Windows Store. Boste dobili občutek, kako delujejo in kako dizajn estetski teži za delo v različnih vlogah in kaj se bodo ljudje uporabljajo za doživljanje. To je zelo pomemben del. Prepričajte se, da ko ogenj vaš app jim ni treba brati navodil, ki jih nikoli ne, mimogrede. Morali bi le lahko začnete igrati s prijavo in ga poskušal ugotoviti brez večjih težav. , Ki ga drži in drži, da veliko teh praks, boš naredil svoje uporabnike veliko uslugo, da bi to lažje. 

Ok. Še zadnja stvar, na strani API in potem bomo dobili v dejansko pisanje kode. WinJS je, da je stvar zelo na kratko sem že omenil, s tem zapletenem diapozitiv pri vseh teh različnih možnosti, ki jih imajo za izdelavo aplikacij. WinJS, lahko si misliš o njem kot kolega. To je vaš prijatelj, ki vam pomaga hitreje pisati stvari. To je samo JavaScript in CSS. Vam ni treba uporabljati. Lahko ga uporabljate. Če vas bodo poklicali, da funkcije sistema Windows, boste na koncu jo uporabljajo, vendar če obstaja nekaj stvari, kot načrtovalski vzorci ali kontrolo, ki si res ne želite uporabiti, želite uporabiti nekaj drugega, to je odvisno od vas. Odločite se, kaj želite uporabiti, in sloge, ki jih želite uporabljati. Lastnosti iz namespacing in razreda generacije - do vas. Če vam je ljubše eno ali drugo, to je povsem vaša izbira. To je še vedno JavaScript in CSS. Ampak to se dogaja, da vam pomaga narediti veliko stvari. Na primer, tukaj je podmnožica, kaj lahko naredi, stvari, kot je pomoč asinhrono programiranje z obljubami. Kdo od vas slišal ali pa delal z Node.js? To je pogost vzorec delati z asinhrono programiranje. Torej v bistvu, kaj praviš: "Pojdi narediti nekaj, "In boš mi obljubo, da boš vrnil k meni, ko ste končali." To je v bistvu tisto, kar se dogaja. Tako da ne zamrzne gor svojo prijavo uporabnikov, medtem ko se dogaja in nabiranje datoteko ali je nekaj, kar se pretočili dol s spleta. UI ostane odziven. In vi lahko storite, da z uporabo asinhrono programiranje. Sliši se smešno zapleteno, ampak to je res enostavno, saj ste z obljubami in si rekel: "Pojdi to in ko končaš, pokliče nazaj na ta način." To je v bistvu vse. To je vse vgrajeno v WinJS. To se dogaja, da bi bilo veliko lažje napisati res prilagodljive in zmogljive aplikacije. 

Ogledate si lahko ostalo tukaj, veliko animacij. Verjetno eden od bolj pomembnih stvari na tem diapozitivu so kontrole. Mislim, da imam celoto - Ja, vem. Tukaj je primer samo nekatere od kontrol, ki jih lahko uporabite v svojih aplikacijah. To je vse, naravnost iz WinJS. Niste pisanje teh sebe, si rekel: "Evo, kako hočem, da bo sestavil mojo vlogo." "Uporabil bom pogled flip, da bom lahko šel med različnimi slikami." Ti niso pokazale Semantična Zoom. Pokazal vam bom, da je v sekundi. ListViews. Tam je GridViews. Ste že videli v mreži, kot del vloge za shranjevanje, tako da lahko uporabite bloke vsebine in drsenje čez to. Flyout meniji boste videli, od časa do časa. App bar sem ti pokazal s tem Fresh Paint uporabe, kot tudi, tako da boste videli, kako lahko prilagodite, da s postavitvijo gumbov na njej in imajo, da skriti, ko vam ni mar za uporabo tega. To je res popolnoma odvisno od vas, da uporabite. To so vse kontrole, ki so del WinJS. Pokazal vam bom, kako narediti to v samo sekundo, vendar pa je več kot samo to, in ključna stvar je, da jih uporabite, če želite, prihranite nekaj časa. 

Če imate druge nadzorne knjižnice, ki jih želite uporabljati, to je popolnoma v redu preveč. Stvari, kot so jQuery UI storiti veliko tovrstnih zamisli, kot tudi, zagotavljanjem več kontrol, ki razširjajo, kaj lahko storite v HTML in JavaScript. Oglejmo potopite noter sem že rekel. Uporabite tisto, kar želite. Samo ne pozabite, da boste morda naleteli na nekaj vprašanj konteksta. Vendar pa lahko zagotovo premeša in se ujemajo glede na vrsto knjižnic ste zadovoljni s, želite izvedeti, ki jo želite uporabiti, da si prihranimo nekaj časa. 

Spregovorimo o orodjih samo za sekundo. Lahko bi dobili tisto, kar potrebujete, da začnete delati z Windows Store aplikacije. Če grem nazaj ven, imam preveč stvari tu gor. Če greš na to stran, ki je dev.windows.com, si lahko prenesete vse, kar potrebujete. Kot študenti, boste imeli dostop do več kot širša javnost ne, tako da boste lahko dobili višje končne različice Visual Studio. Edwin je omenil, da se že lahko dobite Windows, kot tudi. Ampak na splošno, za vse razvijalce, lahko greš na to stran in prenesete vse, kar potrebujete za vlogo, in to je vse brezplačno. Tako da je brezplačna različica Visual Studio, obstaja nekaj orodij, ki bodo namestili poleg tega - vse, kar potrebujete za ustvarjanje in preizkusite svoje vloge. To je samo takrat, ko si boš, da objavite svojo vlogo do trgovino da boste potrebovali za razvijalce račun. Tudi to menim, da je prost. Je brezplačno za študente, kot tudi? >> [Guarin] Kateri? Razvijalec račun, dejansko oddajo. >> [Guarin] Da. To je več dobrih novic. Boš šel gledati na to. To bom rekel za posameznika, privzeto je 49 $. Ampak ne se prijavite za, da kot študent. Vam bomo dobili nekaj informacij s pomočjo programov, ki jih lahko dobite račun za brezplačno, in da vam bo nato predloži svoje aplikacije pravico do skladišča, toliko, kot vam je všeč, in vse te dobrote bo kmalu sledila. Tako da je dev.windows.com. Lahko prenesete orodja, ki jih morda potrebovali od tukaj. In če želite, lahko dobite poskusno različico operacijskega sistema Windows tu ampak spet, vam ne bo treba. 

Drugo stran - naj omenim to ena za vas hitro - je design.windows.com. To je bilo dev.windows.com. Design.windows.com, lahko uganiti, kaj je to za. To je pravzaprav zelo prijazna stran. Obstaja veliko dobrih informacij tukaj. Lahko delo z njim. To se dogaja, da vam nekaj nasvetov o nekaterih stvareh da morda niste pomislili prej ali si je moral pred obravnavo, kot oblikovanje za dotik, oblikovanje za različne dejavnike obrazcev Oblikovanje zmogljivosti operacijskega sistema Windows 8, stvari, ki sem jih omenil prej kot je iskanje in izmenjavo, nekatere stvari, ki sem jih še niso govorili. Oni so vsi našteti tukaj, in to je zelo dober nabor koristnih datotečnih strani , ki vam bo pomagal razumeti, kako narediti neke vrste uporabe, kako narediti interakcijo, kako ravnati z UI in UX vaše vloge. Jaz bi priporočal, da ste vzeli pogled na to, še posebej, če ste na neki točki v upanju, da bo objavila vlogo za trgovino. Boste želeli vedeti, kako narediti dober aplikacijo ker sem že omenil, če ne, pa spet ti pregledi. Ljudje se bodo nezadovoljni. Da ne bodo mogli najti stvari, ki jih pričakujejo na pravih mestih. Nihče ne želi, da se to zgodi tebi. 

Korak naprej sem, naj zapre to. Zdaj ko veste, kje dobiti stvari, vam bom pokazal, kako dejansko začnete uporabljati stvari. Za začetek bom dejansko vam pokaže, tukaj je primer namiznih aplikacij na moj začetni zaslon. Tukaj si lahko ogledate Visual Studio, si lahko ogledate Blend in drugih orodij za razvijalce, ki jih imam. Imajo nekoliko drugačno ploščice. To je zato, ker so namizne aplikacije, in v primerih, ki jih bomo vsi začnejo nazaj v svoj pult res tako kot aplikacije, ki ste navajeni. Torej Windows izkušnje, to je ista stvar. Niso, na primer, kot oborožene! ali te stvari. Dovolite mi, da začnejo eno hitro. Pravzaprav, tu je zanimiva. To je bil razvit s študenti delajo v partnerstvu na NERD. Vloga celozaslonski način, te vrste izkušenj tukaj. Oh, lepo rezano zasloni in vse vrste zabavne stvari. Oni to razvilo. Mi lahko tudi pokazati vso stvar, ko sva že pri tem. V bistvu sem delal z njimi malo, jim je dal nekaj nasvetov o stvari ker so počeli JavaScript za njihovo uporabo. Prosim, ne bom vzel kredit za svoje delo, so naredili vse delo. Pravkar sem jim dal malo nasvetov tu in tam, so pa nekaj veliko stvari, ki jih uporabljate sprednji konec JavaScript in vezanje v nekaterih fizike motorjev in stvari, da bi veliko tega dela. Pojdi. Poglejmo, če to deluje. Wow, še vedno delal. V redu, dobro. Ampak boste dobili idejo. Celozaslonski app, res dobra izkušnja. To podpira ne samo moj miško in svinčnik, če imam take stvari, ampak tudi dotakniti. Če bi imel zaslon na dotik, sem lahko samo pripravi na to in še naprej delajo s tem. 

Ena stvar, ki sem niso pokazali, in razlog, zakaj sem to vzgajajo se želim še eno aplikacijo, da vam pokaže, kaj lahko storite, lahko dejansko vzeti aplikacij v sistemu Windows in jih povlecite na strani zaslona. To se imenuje nameščamo aplikacije. V tem primeru sem vzela Inkarus in sem jo dodal na stran tukaj. Zdaj je po mnenju Snap, in to mi omogoča, da naredite nekaj drugega, medtem ko je uporaba obstaja. Večina iger boste našli boste samo preprosto pavza. To je normalno dostojno stvar, če lahko svojo igro nekako lestvici navzdol da se da majhna v resoluciji, kot je morda neke vrste družabne igre ali stvari, kot da na priložnosti. Ampak na splošno, najlaže in najbolj primerna stvar za igre je premor aplikacijo. Za aplikacije, kot so novice apps, če sem začela tole, potem pa sem ga snap, boste videli, da dejansko bistveno spreminja, kako se je predstavil podatke za vas. Tu vas to kaže v resnici bolj navpično ponev, da informacije, ampak jaz še vedno lahko popolnoma uporabo aplikacije. Torej je še vedno zelo koristen. Dejstvo, da je v manjšem pogledu me ne vodijo od uporabe te aplikacije. Tako da mislim o tem. To je nekaj, kar morate imeti svoje aplikacije do neke mere ampak to je odvisno od vas, da ugotovi, kako funkcionalno bi bilo vaše aplikacije se v tej vrsti manjše okolja. Naj se zapre, da je eden dol in pojdi nazaj tja kjer smo bili tukaj. 

Edwin, ki ste ga dodali fotografijo mene že? >> [Guarin] Ja. >> [Bowen] Poglej. Oglejte si to? Edwin je dodal fotografijo. [Smeh] 

Pojdimo nazaj sem v Visual Studio. Dovolite mi, da začnejo to za vas. Lahko bi kliknili na ploščice na tej začetni zaslon. To me je pripeljal nazaj v načinu namizja, in to je začetek namizno aplikacijo Visual Studio. To je operacijski sistem Windows, ki ga že poznajo. Lahko grem naprej in ustvarite projekt tukaj. Znova bomo osredotočili na JavaScript, HTML. Jaz grem ven in izberete tukaj pod JavaScript, Windows Store. Tam je število predloge, ki jih lahko uporabite. Za produktivnost, bi vam priporočam, da pogled na nekatere od teh drugih, ki so tu kot Grid in Splitu. Oni so res uporabno, če ste oddajo vloge da se dogaja, da imajo te vrste oblikovanja in navigacijo. Videli boste te veliko. En sem ti pokazal je dejansko primerek aplikacije Grid. Torej, če misliš, da bodo zaradi česar je na novinarski aplikacije ali bralnik RSS ali nekaj takega, ki se ukvarja z več vpisov, za katere bi želeli prikazati podrobnosti, razmišljati o uporabi enega od teh predlog za hiter začetek in jo prilagodite od tam. Ampak samo zato, da ti lahko pokažem vse gibljive dele tukaj Grem ustvariti prazen app, potem pa bomo šli malo globlje v podrobnosti. Jaz sem samo da bi bilo to prazno prošnjo tukaj. To se dogaja, da ustvarite celoten projekt zame. Jaz bom odprla stvari, ki jih želim, da ti pokažem, ki ga privzeto. Naj samo povečate malo, da ti pokažem, kaj je ustvarjena za nas. Stvari, ki jih boš pogledati najprej so vsi imenom privzeto. Torej boš, da si za default.html, default.js in default.css. Druga stvar poudariti, je, da smo že imeli sklicujejo na to, kar sem že prej omenil. To je WinJS. Nihče ji pravzaprav kliče to dolgo ime. To je WinJS, Knjižnica Windows za JavaScript. Če jo boste odprli, lahko vidite, da je vse tukaj. Obstaja različnih CSS datoteke, tam JavaScript. To je tam, da vam pomagajo ven. To je res tam, da zagotavljajo nadzor in stile, in stvari, ki jih lahko preprosto uporabite samodejno. Ampak še enkrat, če je stvari, ki jih želite namesto nje uporabljati v smislu styling in drugih kontrol, to je povsem odvisno od vas. Pokazal ti bom, kako uporabljati nekaj teh stvari zdaj. 

Nazaj čez na naši levi strani, naj vam pokažem stran privzeto HTML. Ste že videli WinJS stvari, in da je res vse, kar se dogaja tam s ti sredino proge provizije, samo prinaša v SPD privzeto in vzgojo v nekaj JavaScript datotek iz WinJS. Vam ni treba biti mojster, kaj se dogaja znotraj teh datotek. To je zelo zanimivo, da pogled na njih, da nekako pregledali, kaj se dogaja tam notri zato, ker je precej zanimive vmesne in napredne tehnike dogaja tam, ampak lepo stvar je, kot razvijalci, lahko samo izkoristijo, jih samo uporabo in ni res, da skrbite za to. Še vedno lahko vozite avto, ne da bi vedeli, kako deluje, kajne? Tako da je vrsta stvari, ki se dogaja tukaj. Tam je nadzor in stili in stvari, ki jih lahko samo pojdi naprej in uporaba in kodo, ki jo lahko uporabite v drugo, ne da bi vedeli, kaj je notri. Tu so lastne datoteke. To so vaši kraji, ki jih lahko spremenite svoj CSS in svoje JavaScript, da bi se stvari vozni. Odprla se vam bo zagotovo dodal druge datoteke JavaScript in morda druge datoteke CSS kot vaš projekt raste, ampak to je res samo izhodišče. Tukaj je Hello, world enakovredna HTML, tako da smo se vrnili v telesu tag. Na vrhu je, mimogrede, to je HTML5 DOCTYPE, tako da boste priznati, da od tega, kar si delal naprej. Tam je polno IntelliSense tukaj, kot tudi, tako da, če vam stvari, kot tip v video tag in razširiti, da ven, ste verjetno naučil o tem , ki jo morate storiti, pomožnega kodiranja za video oznake v HTML5 - ali morda imate - zagotoviti, da imajo različni brskalniki podporo za video. Imamo stvari, kot je to po vsej HTML, čez JavaScript, čez CSS. To je vgrajeno v in Pokazal vam bom CSS v sekundi. Tukaj lahko gredo naprej in začeti spreminjanje kode, je pribitek. Dejstvo je, preden sem karkoli spremeniti, grem teči to in vam pokaže, kaj boste dobili. Boste dobili pozdravni zaslon, ki ga lahko prilagodite in potem dobiš Zdravo, svet izkušenj tukaj. To je fantastično, kajne? Pojdi naprej in ladja, kajne? Vsebina gre tukaj. To je osnovna stvar. To je lahko le bolje od tam. Šli bomo naprej in dodajte v nekaterih stvareh. Imam malo provizije, vam bom kopirati tukaj samo zato, da ne boste imeli, da bi me gledal tipkanje. Naj grem bruhati orodjarno tukaj, jaz bom natančno to, ker bom to nekajkrat početje. Toolbox, če še niste videli Visual Studio, je, kjer boste našli kup kontrol. Prav tako lahko dajo odrezke kode v to, da lahko ponovno. Tukaj bom samo pop v nekaterih drugih HTML, nič strašno napredne sploh tukaj. To je le osnovni HTML piše, da imam vhod, kjer lahko vnesete, Imam gumb, kjer ga lahko pošljete, in potem imam div, ki je v bistvu ogrado da sem lahko uporabite za izhod "Hello, vnesete to." To je uvod v HTML, na primer. Če vodim to, smo avtomatično dobili HTML, vendar smo tudi samodejno dobili styling. To je ena od pomembnih stvari iz WinJS. To se dogaja, da vam privzeto nekaj videz in občutek, da je res v skladu z ostalim kar Windows 8 počne. Tukaj lahko vidite stvari, kot gumb. Gumb za privzeto v HTML ne izgleda tako, ampak to počne tukaj ker je pridobivanje te CSS pravico iz te datoteke CSS v WinJS. Če želite uporabiti nekaj drugega, če hočeš to spremeniti, popolnoma v redu, iti naprej in narediti tisto, kar želite. Ampak to je privzeta nastavitev. To se dogaja, da so bolj seznanjeni, da uporabniki. In seveda tega ne bo storil ničesar, ker nisem dejansko Priklop kakršnekoli kode da se odzovejo na to. Bilo je samo HTML. Tako se lahko znebim tega, in se bomo vrnili v naši aplikaciji. 

Dovolite mi, da preklopite na naših default.js. To izgleda precej zapleteno, ampak to je samo delaš nekaj stvari za vas. To je boilerplate. To se dogaja, da bo enako v vseh svojih projektih. Edina stvar, ki to počne, je nekako sprašuje, "Kako sem prišel sem?" in reče: "Ali ste zagnali to aplikacijo prvič?" "Ali ste nadaljevanje app iz imajo pa mirujejo?" Nekaj ​​stvari, kot je ta. Res, naš poudarek na tej datoteki tukaj je prav tukaj. Na tej točki, je to ena vrstica kode je zelo pomembno. To se dejansko dogaja, da gredo in odmisliti vse svoje provizije, in to se dogaja, da bi našli stvari, ki ste jih prosili, da so postali nadzora, globlje nadzor, kot je nadzor strank, kot pogled na mreži, kot je flyout in tiste druge stvari, ki sem ti pokazal na ta diapozitiv prej. Oni niso avtohtone kontrole HTML. Enostavno ne moreš reči flyout kot element in so jo vedeli, kaj storiti. Kaj smo dejansko storiti, je ista stvar, ki se dogaja v drugih vrstah okvirov nadzora. jQuery UI počne isto vrsto splošnega pristopa. Uporabljate oznake v HTML, nato pa nekaj JavaScript prihaja skozi pozneje, in pravi, "Oh, vem kaj je to. To je prosil za to, da se spremenijo v te stvari," ki je druga bolj ekspresivna HTML, da bi kot nadzor bonitetnih ocen, , ki je tisto, kar vam bom pokazal, prav zdaj. Ta vrstica kode je obljuba, ki je rekel: "Ko je ta obljuba izpolnjena, "Je vse, kar ste prosili za takrat bila ustvarjena." In to je to. Videti je malo zapleteno, ampak to je res enaka v vsakem projektu. Tukaj, je, kjer lahko začnete z dodajanjem v karkoli želite, da se zgodi, tako da bomo prišli nazaj, da na sekundo. 

Najprej moram malo kode, ki se lahko odzove na dejstvo, da je nekdo kliknil na gumb. Jaz grem naprej in dal, da je tukaj dol. Še enkrat, ne bom storiti vse tipkati pred vami tukaj. Zelo osnovni JavaScript Samo pravim, če to zahteva bomo zagotoviti nekaj podrobnosti o tem, kako imamo tukaj in potem bomo storili nekaj osnovnih stvari. Pojdi najti stvar v mojem HTML stran, ki se imenuje nameInput, zgrabi, da svojo vrednost, "Hello" tleskne po sprednji njej, in se držijo tistega, ki izhaja niz v ta div tag, ki smo ga imeli pred tem res ni imel nič prej. Zdaj bomo ugotovili, da oznake in da njegova notranja vsebina enaka tej nizu. Zelo preprosto JavaScript. Upajmo, da si prizna, da je res nič nenavadnega dogaja. To je samo naravnost navzgor HTML in JS tukaj. Če vodim to zdaj, še vedno ne bo naredil nobenega dela, ker nisem ožičena prejemati dogodek. To storiti, bom to storil tukaj, spet vrača v moji orodjarni je živahen tukaj. Pričakujem, da si videl vse te vrste stvari prej, tako da ne bom preveč razložiti. Zdaj bomo šli dobili helloButton. Mi boš rekel, "gumb, čestitam." "Tukaj je dogodek, ki ga zdaj se odzivajo." "Ko nekdo klikne na vas, pokličite to funkcijo, buttonClickHandler." In to je to funkcijo smo pravkar dodali desno navzdol na dnu tam. To je to. Torej, zdaj imamo neverjetno funkcionalno vlogo. Mislim, da bom res navdušena nad tem. Chris. Čakati na to. Wow. Ok. To je neverjetno. [Smeh] Ampak to še ni vse. Ali ga ne bi kupil še. Čakati. 

Naj vam pokažem malo bolj tukaj in ven iz celozaslonskem načinu. Gremo na sprehod, preden smo teči. Naj grem v in dejansko vam pokaže malo CSS. Samo privzeto, če se ozremo na strani tukaj, ko smo potegnil v te stvari iz WinJS in imamo UI-temno, v resnici, ga lahko spremenite privzeto za uporabo lahkih aplikacijo. ui-temno, je dobro za grafične aplikacije, kot z veliko slik, ti kažejo veliko vizualnih vsebin. Če ste kažejo veliko tekstovnih vsebin, UI-svetloba je običajno dobra izbira. Vam ni treba, da ga izberejo, vendar sem se preklopi na njej in zdaj ste videli enak pribitek, isto vse, to je samo s pomočjo bistvu obrnjeno shemo tukaj kjer je vse česar je črno besedilo na beli podlagi. To je vse lepo in prav. Naj grem ven, in kaj je dejansko naredil malo bolj s CSS. Dal ga bom nazaj na temo, ker mislim, da je to verjetno lažje videti na zaslonu Ko začnem delaš te stvari. Jaz grem zamenjati telo še enkrat. Jaz bom tukaj. Dovolite mi, da bombardirati to. Pripeljimo v telesu z razredi. Verjamem, da ste naredili osnovne selektorje z CSS in stvareh, ki so že, tako da verjetno veste, kaj se dogaja tukaj. Samo dodeljevanje nekaj razredov na naši glavi, in smo ustvariti nov div zaviti preostanek te stvari, da bomo lahko sedaj uporabite slog vse skupaj. Torej, kaj lahko storim zdaj, je šla na našo privzeto CSS. Ste že pogledal medijskih vprašanj še? Ste že govorili o tem sploh? Medijske poizvedbe so del tega nastajajoči trend - ali je ustanovljen trend zdaj dejansko na spletu - za odzivno oblikovanje ali prilagojena, in ideja je, da lahko svoje aplikacije res sami nastavite ustrezno ki temelji na tisto, kar lahko naprava, ki ste jih, da so prikazani na to. Torej, če ste na mobilni napravi, očitno ne boš šel, da imajo toliko zaslon nepremičnin saj boste na veliki 30-palčni monitor sedel z namizja, velik PC všeč. Tako da bi stare odgovor na to je, da imajo 5, 6 različne verzije istega strani in želite odpreti različico, ki je uglašen za to določeno velikost zaslona. Ne veliko. To je zelo, zelo ponavljajoče in tam je ton vzdrževanja za to. Zdaj imamo nekaj, kar ti CSS medijske poizvedbe, in bomo lahko uporabite to, da samodejno zazna, ko je v določenih velikostih ali določene uporabe vsebine, ki se izvaja. Tako da se lahko odzove na to in lahko rečem, "Ok, v tem primeru "Si verjetno sploh ne potrebujete, da vam povem, kaj se dogaja." To je samo rekel, če je ta vloga snapped, kot sem ti pokazal pred - ga oprijemalne in dajanje na strani zaslona - potem pa naredite naslednje styling. Styling ne gre le za barve in take stvari. Gre tudi za dimenzioniranje in marž in blazinici in usmeritvami vsebine ali celo onemogočanje ali omogočanje celotne dele vaše strani in v tem primeru vaš app ali vaše igre, kot tudi. Torej, tukaj lahko storite tako enostavno, kot si želite. To ne bi bilo koristno v vaših aplikacijah, vendar je demo čas, tako da sem šel naprej in dodajte v osnovni selektor telesa in reči, "Ko sem udaril, gremo naprej in to barva ozadja in kaj je izbrati nekaj." Imaš INTELLISENSE tukaj. To je pravzaprav res kul. V letu 2012 smo dodali veliko stvari za podporo CSS in JavaScript in HTML. Vi ste seveda dobil INTELLISENSE spustnega preveč, vendar to ni kul stvar. Kul stvar je, da imaš vizualne selektorje za veliko stvari, kot dobro. Torej bi lahko šel skozi in samo izbrati barvo, ali lahko greš ven in še bolj specifična in se lahko odločite - To se bo grozno. Jaz bom dejansko izbrati spodobno barvo tukaj. Pazi na oznake preveč, mimogrede. To je tvoj standardni format RGB tam. Ampak, če začnem motnosti, gre za preklop na selektorja alfa kanal tukaj. Torej, lahko vidite, da se barva s skoraj preglednosti odstotkov, ki jih imate za to Vse pečen prav tam. Jaz grem, da ga kot 100% in potem, ko sem končal s tem, da je vse dobro in prav. Zdaj, če sem prost app in vzamemo app in ga snap, da barva ozadja se samodejno prilagaja samo zato, ker imamo nekaj CSS, ki pravi: "Pojdi to." Lahko tudi napišete JavaScript preveč, da bo naredil isto stvar ali da bi lahko uporabite za dejansko začasno ustavite igro, delati stvari, kot je ta. To je verjetno, če želite uporabljati JavaScript. Ti bi izklopite igre zanko na tej točki. Ti bi potrebovali nekaj JavaScripta, ker to ne bi bilo nekaj, kar bi za CSS. Vendar ne pozabite, to je samo dogodek. Lahko bi rekli, "Ko je moja vloga spreminjati, "Poglejmo, če sva zlomil." In to je to. 

Ok? Pogovarjal sem se veliko. Ali obstajajo vprašanja doslej o tem, kje smo? Ja. [Študent] Ali obstaja tutorial za vsakogar, da bi dobili več informacij? >> Ja. Vprašanje je, ali obstaja tutorial za to? Jaz bom samo razširi na vse. Obstaja nekaj stvari, ki jih je mogoče iti. Pojdimo dejansko ven. Naj grem nazaj ven. Ena stvar, ki poudarjajo, je Visual Studio sama vaj zgrajena palcev Dovolite mi, da se znebite tega. Če greš in ustvariti nov projekt, pa File, New Project, in poglej na levi strani, tam je Online vozlišče v tem selektorjem. To bo trajalo malo. Sem na MyFi tukaj. Ampak to se dogaja, da pridejo gor in to se dogaja, daj mi priložnost, da bi našli predloge ampak, kar je še pomembneje, vzorce, kot tudi. Tako sem lahko s klikom na JavaScript. To se dogaja, da bi našli vzorce za mano. Moja resolucija je tako visoko tukaj. Običajno, bi videli seznam veliko različnih stvari tukaj. Če obstaja nekaj, kar želite, da poskusite, izberite jezik, JavaScript tukaj, in rekel: "Ne vem, kako to storiti geolokacijo." "Ne vem, kako odpreti datoteko." "Ne vem, kako izkoristiti spletno kamero "Ali optimizacijo za dotik ali stvari." Obstajajo vzorci za vse: delitev, iskanje, app palice, tako oddaljenih klicev storitev, JSON kodiranje. Vse te vrste stvari obstajajo vzorci za tukaj, in oni niso velike vzorce, ki se dogaja, da vas celo noč, da potegnite narazen samo da bi ugotovili, da je ena stvar, ki jo želeli izvedeti. Oni so res dobri. Oni so majhna, pravico do vrste točkovnih vzorcev. Naučila sem se tone, ki jih bo s pomočjo teh sebe, zato vam priporočam, da veliko kot eno stvar. 

Druga stvar, ki opozarjajo Tudi to je seveda sem ti pokazal dev.windows.com, tako da, če greš nazaj, da boste videli na dnu pa je tudi vzorci tukaj. Torej si lahko prenesete vse od njih naenkrat, ampak tam je tudi veliko drugih virov, tudi tukaj ki vam lahko pomagajo priti do hitrosti. 

Ena druga stvar, in jaz bi res priporočam, da poskusite to, Imam ga na mojem blogu, ampak bom šel prav z njo. Pokazal ti bom. Moj blog ima sredstva in stvari, kot je ta. Ena od stvari, poudariti je tukaj, ta stvar: tvoja ideja. Vaš App. 30 dni. Če kliknete na to, da se bo popeljal na zelo koristen mestu. To je veliko bolj koristno, kot bi pričakovali. To se dogaja, da je 30 dni od vsebine, ki jo lahko v bistvu dobite nasveti in triki ves ta proces, kot ste ustvarjanje aplikacijo. In ne boste pričakovali, da lahko dejansko dobil za igre preveč in za telefonske aplikacije, take stvari. Tako da v bistvu se prijavite za njo, in oni bodo vam pošiljam nasveti in triki za, "Ste pomislili tem? Ali podpirate Snap?" "Tukaj je nekaj smernic o tem, kako to storiti dobro." "Ali ste mislili o predložitvi v trgovino?" "Ali ste pomislili, kako boš prodal svojo vlogo?" To se dogaja, da hodi po vseh teh različnih stvareh. In dejansko, če ste na igralnem progi, na neki točki boste začeli priznava osebo se pogovarjam s tabo ker sem moral iti v Redmint narediti te in zapiše 2 videoposnetkov tam. Ampak to je vse del igralniške poti, in tam je tudi polno skladbo za splošni razvoj app. Temu se reče Generation App. Jaz bi vsekakor priporočam, da tudi za vas poleg vzorcev. 

Obstaja veliko video posnetkov na spletno stran, imenovano Channel 9, kot dobro. To je verjetno zadnja stvar, bom priporočam tudi pred gremo tukaj. Channel9.msdn.com. To je super, ker vam ne bo treba branje skozi ton bele knjige. To je v bistvu veliko videov, video in stvari, ki so pravico do točke. Ne bi rekel, da je vedno pravico do točke. To je odvisno kdo počne govorim. Ampak na splošno, da je nekaj videoposnetkov res to-the-point tukaj , ki vam bo pokazal nekaj posebno stvar, ki jo morda želeli izvedeti, ali si oglejte demoed. Tam je tudi vse naše vsebine iz naše konference, ki se je zgodil pred nekaj tedni imenovano Build, in videli boste, da tam. Tam ključnih tehnologij za Windows 8 iger. Tukaj imaš. Bil sem tam, pravzaprav. Ne moreš me videti. Bil sem tukaj. Vendar kakorkoli že, da je stran, jaz bi priporočal, da si na teh videov. Oni so zelo koristna. Če ste obtičali na nekaj, ali pa si samo želim, da vidim, kaj bi lahko nekaj naredil, ogenj tiste gor. 

[Guarin] Windows Mail pravkar mi je poslal e-poštno sporočilo s povezavo do vsebine za študente, da prenesete s vzorčno kodo in podobne stvari. >> [Bowen] Super. Super. Hvala, Edwin. 

Dobro. >> [Študent] Imam vprašanje. >> [Bowen] Oh. Ja, prosim. [Neslišno študent vprašanje] >> [Bowen] Oh, vesel sem, da si vprašala. Da. Vprašanje je bilo, ali obstaja vizualni vmesnik za mene, da ustvarite stvari? Edwin vas bo nagradil lepo za to vprašanje. Obstaja način, da to storijo. Moramo to storiti zdaj? Pa dajmo zdaj. Jaz grem z njo zdaj. Pravzaprav, naj dodam v eno stvar na tem demo, in potem ti bom pokazal dejanski odgovor. Nameraval sem dodati v malo bolj CSS tukaj. Bil sem malo off na tangenti tukaj. Dovolite mi, da v nekaterih CSS tukaj, da izkoristijo razredov, da smo dodali nekaj časa nazaj, v glavo, s mainContent div, in nato na greetingOutput. Če bom to naredil in ga vodijo, lahko vidite zdaj imamo malo drugačno oblazinjenje in marže, tako da imamo pravzaprav nekaj odmikov tukaj. To so bolj v smeri, kaj boste pričakovali od končnega poliranega uporabe. Ampak jaz sem samo kaže to za vas, ker je to naravnost navzgor CSS. Torej stvari, ki jih že poznajo, lahko uporabite tukaj za prilagoditev vsebin, kot želite. Ste že videli, kako narediti ozadje spremenilo, da je tako. 

Če grem nazaj na našo HTML, bom dodati še enega niza provizije, in to je dejansko bo upravljalnik WinJS. Jaz grem in zgrabi to oznako. Dovolite mi, da poskrbite, da to počnem na pravem mestu. Verjetno dovolj dobro. Tukaj sem samo dodal - in gremo v celozaslonskem načinu, tako da boste lahko videli celotno stvar - Sem dodal nalepko za naslednji div. Div se imenuje ratingControlDiv. Sama po sebi bo naredil ničesar. Če se to odpre v brskalniku, bi morali iskati na slepo, div sam. Ampak zaradi tega skrivnostnega vrstico kode, ki sem vam pokazala pred, Proces vse, da se dogaja, da si za nekaj, kar izgleda takole - -win podatki-control - in to se dogaja, da bi našli vse, kar je v tem parametru. To se dogaja, da primerek karkoli že to je, da je obrnjena k. V tem primeru je nadzor strank, zato sem rekel: »Pojdite in zamenjati to stvar "Z vsem, kar morate storiti, da bi nadzor bonitetnega ocenjevanja." To bi lahko nadzor flip, bi bilo obroč napredek ali karkoli nadzora želite uporabiti. Oni vse bo v glavnem delujejo na enak način. Ste z uporabo standardnega HTML5 oznake, ki označuje tisto, kar želite, in potem boš dobil nadzor na koncu to. Dovolite mi, da vodijo to. Pravkar sem kopiral da, in zdaj, označevalni postane to, ki je pravzaprav precej število elementov HTML. To so vse posamezne slike, in tam je divs okoli njih s selektorjem. Upajmo, da boste lahko videli, da. To je malo subtilna. Jaz lahko lebdijo nad različnimi postavkami, in to se dogaja, da mi dovolite, da vidite oceno tukaj. Lahko kliknite nanj, in to si zapomni oceno, ampak to je približno to. To ni res, da bi počel kaj z oceno. 

Zadnja stvar, ki bi rad, da ti pokažem o tem preden smo prehod v bolj vizualno izkušenj oblikovanja je malo kode, ki jo lahko uporabite, da se odzove na te WinJS kontrol. Naj grem ven, nazaj ven iz celozaslonskem načinu, in preklopi na JS sem za sekundo. To lahko storite tukaj. Mislim, da bom zamenjati vso stvar. Pravzaprav, mislim, da bo zamenjal vse to, vendar bomo izvedeli skupaj. To bom dal tukaj. Ja. Jaz bom to izbrisati preveč. Kaj dodam? Izgleda, da veliko. To ni veliko. Pravkar sem razširila to vrstico kode, da sem že govoril o prej, in sem rekel, »Ko je vse opravljeno, ko so se vse moje kontrole, "Potem je to to." Torej vodijo to funkcijo imenovan končana. V tem primeru je to stvar lahko ugotovimo. Pojdi ugotovili, da nadzor div. Pravzaprav, obstaja ena stvar, moram poudariti. Da naslednjo vrstico je dejansko rekel: "Jaz imam to ratingControlDiv." "Rad bi govoril z njim, kot če bi bila resnična nadzor, nadzor WinJS." Torej v bistvu, prosiš za to od njega. Praviš, "Rad bi govoril z vami kot kontrolo." In potem lahko začnete rekel stvari, kot so, "bomo dodali poslušalca za vas "Tako da, ko ste spremenili bomo lahko odzvali na to." In potem bomo lahko storite tudi stvari, kot je ta. Pravzaprav, to je stara koda tam. Mislim, da sem manjka lepljenje v eni več funkcije, in da bi se dejanska funkcija, ki bi ustrezali ocenah nadzor se spreminjajo. Dovolite mi, pop, da je v redu tukaj, nekje tam. In v tem primeru je edina stvar, ki je nova, je dejstvo, da bomo v kaj nam pove nadzora strank in smo prosi za tisto, kar se imenuje tentativeRating. Obstaja kup različnih drugih stvari, ki lahko, da nadzor vam povem, in gre nadzor z nadzorom. To je zelo preprost. Boste mogli razbrati nobenih težav whatsoever. Jaz vodim to, in zdaj, ko sem spremenila bonitetne ocene in kliknite na bonitetno oceno, lahko vidite zdaj je pravzaprav odziv na to. To je dajanje navedenega oceno na zaslonu v tej sicer prazno div tag pod nadzorom strank. To je čarovnija veliko stvari tukaj preveč. Torej, kot ste ustvarjanje aplikacij za Windows Store, tam je na tone kontrol, ki jih lahko preprosto uporabite. Vsi delati. 

Naj vam pokažem vizualno plat oblikovanja za te aplikacije. Dobra novica je, da boste že to orodje, ko ste namestili vse če greš na to download in dobiš Visual Studio. Lahko desni klik na to. Ne bom zoom noter To samo pove Odpri v Blend. Mešanica je drugo orodje, ki z ramo ob rami z Visual Studio dela in se osredotoča bolj na projektni strani stvari, tako da res površin orodij, ki so optimizirani za oblikovanje slogov, ustvarjanje animacije, ki delajo z CSS, veliko stvari v tej vrsti veno. Tukaj je tisto, kar bi moralo biti zelo zanimivo in precej očitno je, takoj smo iskali na app. Upajmo, da smo še vedno. Namesto da bi videli kodo, ki smo še vedno vidite na dnu, bomo videli dejansko zastopanost uporabe. Še več, to ni samo predstavitev app, je dejansko app teče. In to je tisto, kar je res lepo o Blend. Ekipa je opravila veliko dela, da bi HTML in JavaScript in CSS na tem orodju. Sedaj lahko dejansko, če ste radovedni, "Kaj to pomeni? Kaj lahko storim?" Jaz lahko dejansko oblikovanje tej zahtevi, čeprav se takšne stvari ne obstajajo v mojem provizije. Ne pozabite, da nadzor rating? Bilo je samo div tag. Te stvari, ki zvezda, obstaja le v času izvajanja. Kako naj vem? Tam je malo čarovnije tukaj. Oglejte si te strele? Vsak čas si videl strelo, kar pomeni, da je ustvaril nekaj, kar v času izvajanja. Nekateri JavaScript tekel in se obrnil nekaj v to, ali je s tem nastala z nekaj logike. Tiste zvezde, ki jih vidite, so bile ustvarjene s JavaScript, ki ga WinJS. Lepo stvar je, da ni pomembno, da me, ali lahko še vedno načrtujejo, Še vedno lahko gredo v in ga spremeni, lahko ugotovite, kaj se dogaja, Jaz lahko ogledate na CSS, lahko grem naprej in ugotovite, zakaj barva je tako, kot je, Lahko začnete zajebavam s stvarmi in da bi stvari grozno, kar hočem narediti. Pravzaprav, bom pustil stvari pri miru. Vendar pa si lahko ogledate tukaj je vse CSS in to vam bo pokazal tukaj. Če grem do tam, da se dogaja, da vam pokažemo vse, kar pravijo Winning, tako pravila CSS, ki so najbolj specifično in najbolj izbrane za to postavko, ki ste verjetno že šli čez v svoje razrede, , kjer boste lahko rekli, da je splošno pisavo, da smo se uporabljajo za vse, ampak zato, ker je to H1 in imam barvo, določeno za H1S, to se dogaja, da je to barva, in to zato, ker je bolj natančen kot body1. Tale stvar tu ste vsi, ki kaže, in to je res močna stvar, kot ste dobili bolj zapleten, ste se spraševala, zakaj so te stvari take, kot so. To vam bo dejansko povedal, vi pa lahko izberete katero koli od teh stvari tukaj. Ta barva ni preveč slabo, pravzaprav. Lahko jih izberete. Upajmo, da boste lahko videli. Za vse, ki imate na vašo prijavo, boste videli celo kaskado vseh SPD, ki so jih lahko uporabili za to in katera zmaguje, katerih je eden dejansko vzel prednost. To so nekako dolgočasna. Tam ni veliko dogaja v nekaterih od njih. Če grem in spremenite barvo, nato pa boste začeli videvati nekaj kaskadno tam. Lahko uporabite tudi HTML tudi tukaj. Lahko grem skozi in spremenite lastnosti HTML za vse te stvari, kot sem želel. Obstaja samo tone stvari tukaj. 

Ne želim, da si vzamete čas, da greste skozi vse tukaj. Samo vem, da je tukaj. Tam je veliko v oblikovanje usmerjenega funkcionalnost, ki je samo na voljo za vas tako da lahko ostanejo vidne, delo z aplikacijo in ni treba storiti veliko ugibati da bi imeli normalno in kolesarjenje narediti nazaj iz brskalnika nazaj v svojo zasnovo, nazaj v brskalniku. To je res kul stvari za to, in kot ste razviti Windows Store aplikacijo, to se dogaja, da se boste veliko bolj produktivni. 

Prav tako boste videli, da je sledenje oznake tu in vaš CSS kot delate skozi različne stvari. To je verjetno res težko, da bi videli, da je, še posebej na video, ampak to je tisto, kar se dogaja, in jaz bi priporočal, boste postali seznanjeni s tem. To vam bo prihranilo veliko časa. To je mešanica. Če imate kakršne koli spremembe tukaj, se samodejno bo izvajal nazaj čez Visual Studio. To je iste datoteke, to je isto vse. Bom pustil pri miru. Imam boljši zgled, ki jo želim pokazati. Ampak, če sem spremembo tam in jo shranili in sem prišel nazaj v Visual Studio, bi rekli, "Hej, ti samo nekaj spremenili. Lahko ga znova za vas?" Da. In ste z uporabo iste stvari tam. To je konec tega posebnega vzorca. 

Rad bi vam pokazal višjo končni vzorec, samo da vam pogled na drugo funkcionalnost si morda mislite o tem kot dobro. To je vzorec, app, ki jih lahko prenesete. Če pogledaš za nekaj, kar ti Camp Windows v polju, obstaja nekaj vzorcev, ki so v tem, kar je eden od njiju PrimerX Cookbook. Jaz lahko samo teči to za vas. Custom splash screen. To je aplikacija pogled Grid. Ti si vezan nekatere podatke meri tukaj. Lahko krmarite skozi to. Lahko greš in si oglejte različne stvari, ki bo nam lačni v petek popoldne. Ne vem. Kaj se dogaja, da me najbolj lačen? Ne vem. Jaz bom samo izbrati eno. Greš v te stvari. To vam bo pokazal recept. Lahko bi tudi, namesto da kliknete na predmet, lahko greš prav za to kategorijo vsebin, tem odseku vsebine. V tem primeru si lahko preberete veliko ponarejenega latinščini ti vse pove o teh receptov tukaj in potem gredo naravnost v posebnem receptu. To podpira tudi stvari, kot so delitev, ki sem ti pokazal, preden s slikami. Poiščete lahko tudi v tej vlogi preveč. To je zelo enostavno narediti iskanje. V bistvu, ste pravkar dobili niz besedila iz operacijskega sistema Windows in se odločite, kako boste ravnati iskanje s tem. To je le nekaj vrstic kode, da se da, in potem, kaj storiti z njim, ko da je povsem odvisno od vas. 

Tukaj imajo tudi app bar, kjer so ga uporabljate nekatere druge funkcije. Jaz bom samo vam povem, kaj je to. Opomnik se dogaja, da uporabite tisto, kar se imenuje obvestilo toast. To je zelo priročen za najem uporabnik ve, kdaj so se stvari zgodile, kot vloga je bila nameščena ali kaj je bila zaključena. Prav tako je dobro za igre preveč. Če imate vztrajno svet ali vodja krovu in storitev, ki je sovražen, da morda na posebnem stroju, lahko te prijave je treba poslati v stroj in tudi če uporabnik ne uporablja svojo igro, igrati svojo igro ali tekmovanje v teku svoj app, pa še vedno lahko dobili obvestila o teh vrst dogodkov. Torej bi lahko rekli: "Tvoj grad je bil uničen ali pa gre le za uničen." "Pridi nazaj in ga braniti," ali nekaj takega. S klikom na obvestilu, greš nazaj v igro in jo lahko igrati. Tako da lahko te vrste stvari res pomaga pripraviti ljudi nazaj v svoj app zelo učinkovito. 

Tam je tudi pri tej vlogi za uporabo mikrofona, spletno kamero, početje videa in fotografiranje. Prav tako lahko pripnete sekundarni ploščice. To je uporabno, če želite imeti samo ploščico, ki sega prav do določenih vsebin. V tem primeru gre prav na tem receptu. Vse, kar sem omenil sem samo kaže ker je stvari, ki jih je mogoče razmišljati o uporabi kot dobro. Za večino del, so zelo enostaven za uporabo. Jaz bi samo priporočam vam prinese do tega vzorca Explorer in najti vzorec, ki vam bo pokazal, kako to storiti. To je zelo enostavno, da bi tisti, v svoje aplikacije, tudi tam. 

Hotela sem, da vam pokažemo nekaj drugega, ki je precej kul tukaj. Jaz bom snap to vlogo, in bom šel nazaj v Visual Studio. Ta aplikacija teče. To poteka od Visual Studio. Jaz lahko storite nekaj precej kul stvari s tem. Pravzaprav sem imel možnost, da izberete element, in lahko grem tja do živega uporabo in lahko rečem, "Jaz sem se spraševala, zakaj je Čas priprave malo svetlejši sivi barvi, kot sam naslov?" Lahko kliknite nanj. To se dogaja, da se uskladijo da nazaj v Visual Studio, in to se dogaja, da se mi točno, ustvarjenih vsebin, ki je povzročila ta del UI. Torej, v tem primeru, to je točka, podnaslov in H4 dvojna konstrukt, in da nam verjetno pove, kaj moramo vedeti, ker kot H4, v tem okviru, to se dogaja, da bi dobili neke vrste pisave. Ampak, če jaz še vedno ne vem, zakaj sem lahko s klikom na Trace Slogi. Jaz lahko nato še ven barvo in sem lahko izvedeli točno, zakaj je ta barva ni barva v resnici pa je nekaj drugega. To je v bistvu Razvojna orodja iz Internet Explorer do stopnje, vložene v Visual Studio. Če ste delali z Chrome Razvojna orodja, Firebug, take stvari, tiste vrste orodij, ki so v brskalniku, da je vrsta funkcionalnost je prinesel naravnost v Visual Studio tako da ne boste dejansko morali začeti brskalnik in delo s temi orodji posebej. Zdaj imam Windows Store app samo teče, in sem lahko začnete vleče narazen in ugotovite, zakaj se stvari počnejo to, kar so. 

To lahko storite tudi na ta način preveč. Lahko grem in samo izbrati nekaj prav od provizije in ugotovite, kaj je to v sami tožbi. Mislim, da sem šla z vsem. Tukaj sem lebdi nad tem. Lahko ga izberete. To se dogaja, da mi pokaže v dejanskem tekočo uporabo, kjer je to stvar da sem zdaj klikom na v pribitek. Res kul stvari. Kot ste poskuša ugotoviti, kaj se dogaja in kaj HTML počne, kaj CSS počne, imejte to v mislih. Ne pozabite, to je tukaj za vas in tudi lahko, da mešanica deluje z živo tekočo uporabo. 

Zadnja stvar, ki sem ti hotel pokazati s to vlogo - Mimogrede, to vam pokaže delte, kot se stvari spreminjajo tudi tako da si lahko ogledate za tiste rumene. To so stvari, ki so se pravkar spremenili v aplikacijo. Ampak ena zadnja stvar. Rad bi šel nazaj na Blend samo za drugi tukaj. To bomo odprli, Odpri v Blend, isti app, isto vse. Rad bi vam pokazal izkušenj, tukaj ni samo ste obtičali na domači strani gledamo na stvari, ki jih boste dobili privzeto, ko zaženete aplikacijo in pustite, da sedi tam. Lahko pa tudi o tem zelo majhno ikono tukaj. To se imenuje način Interactive. S klikom na to. To se dogaja, da bi do vaše prijave. Niste v načinu načrtovanja več, tako da vam ne bo treba klikom na stvareh spremeniti funkcionalnost, vendar lahko dejansko delajo z aplikacijo zdaj. Si lahko klikate, to lahko storite karkoli, priti do recepta, ki vas skrbi ali skupino. Pojdimo v to kategorijo. Jaz bom rekel: "V redu, tukaj je, če želim, da oblikujejo". Potem pa znova kliknite ta gumb, vas bo popeljal nazaj v površino Načrt in zdaj lahko narediš vse te stvari, ki sem bil prej govoril. Bom obdržati klikom dokler ne dobim to izbrano, ugotovite, njene dimenzije, izvedeti HTML za to, CSS, za njo za tekočo uporabo, nekateri kasneje del vloge. Zelo, zelo koristno. Jaz bom to pokazal. Prosimo, da imejte v mislih, če iščete v pisanje kode s tem saj se dogaja, da shranite vam veliko težav, in to je zelo dobra stvar. To je zal veliko vse, kar sem ti hotel pokazati na Blend in Visual Studio za vse to. 

Vsa vprašanja na eno od teh orodij? Sploh kaj? >> [Guarin] Moram reči, da bi iz tako dobra vprašanja, dobre stvari. 

[Bowen smeh] sem vam že pokazala svoje predstavitve tukaj. Bom dal na strani virov, in se obrnejo na vprašanja zdaj. Ta prva referenca je, da generacije App mesto z igro progo in app progi. Prijavite se za tiste. Vam ne bo treba čakati 30 dni, da bi dobili vsebino. Začnete lahko dogaja in gledamo na vsebino, kot želite. Razumem vaš časovni okviri se lahko razlikuje od - [smeh] Torej, ko je Hackathon? To je nekaj tednov, kajne? Tako da ne boste imeli 30 dni počakati. Torej, ja, se lahko prijavite za to in nato šele začetek vleče vsebino ven iz nje. Tudi Dev in oblikovalskim centrom. In nisem omenil tega, ampak tam je tudi trgovina Docs. To bi bilo za po Hackathon kot ste pripravljeni, da začnete predložitvijo vaše aplikacije za trgovino. Obstaja nekaj koristnih smernic tu nekaj smernic o tem, kako se stvari v trgovino, nekatera pogosta vprašanja, ki vas lahko Trip Up, in da je konec s temi sredstvi. 

Torej, kaj imaš v mislih? Karkoli drugega, ki ga - [Guarin] Kdo je razmišljal o tem app za Windows CS50? Cool. [Bowen] Cool. Super. 

Vsa vprašanja o stvareh, ki ste jih videli do sedaj, in kako se nanaša na to? Na primer, več časa lahko vzamem igro, ki sem jo pisno in da teče v brskalniku in nekako iti skozi proces prinesti, da v Visual Studio in zaradi česar je Windows Store app. To traja več časa, kot smo v resnici moral vključevati danes vendar kratka verzija je, da je ista koda, ki ste jih teče v brskalniku, in stvari, ki jih spremenite so stvari, ki se boste odločili za priključite na Windows 8. Torej, če želite uporabiti čare, če želite iskati ali deliti, morate ustvariti app bar skril nekaj funkcionalnosti na to, tistih, ki so vrste stvari, ki bi jo spremenili. Vendar pa lahko jedro vašega spletnega app ostala nedotaknjena. Again, dokler deluje v IE10, je to bo zelo enostavno port da bi te stvari v Visual Studio, v Blend, in da bo Windows Store app. Again, samo stvari, ki jih boste morali naučiti, so ti druge značilnosti ki ga lahko uporabite, da prižgejo vlogo, kot žive ploščice in tiste vrste stvari. 

Ja. >> [Študent] Moje vprašanje je o delu mobilni telefon. Torej, če bi aplikacijo, ki deluje kot app na namizju je res enostavno, da ga prenese na mobilni telefon, ali obstaja - Vprašanje pa je, če naredim Windows Store app, da je res optimizirana za to okolje in želim, da bi ga v mobilnem svetu, kaj se ukvarja s tem, da je? Da, tako kot mnoga vprašanja, je vedno nenehno spreminja odgovor. Dobra novica je, če ste zlepljeni s HTML in JavaScript, CSS, če ste se začne z Windows Store app, se dogaja, da vam ga prinese na spletu in potem uporabite tiste vrste tehnik, kot so medijske poizvedbe in stvari, da se prilagodijo na različnih velikosti naprav. To je dejal, da je vedno okviri in stvari tam da je podpora podaljšanju različne tehnologije, različne platforme. , Ki se spreminja ves čas. Mi se spreminjajo tudi stvari, kot tudi gledamo proti, kar imamo zdaj dejansko ven z Windows Phone 8. Imamo nekaj skupnih temeljnih infrastrukture ponujena med aplikacijami za tiste okoljih. Torej stvari, ki delaš za ustvarjanje Windows Store aplikacijo, veliko, ki se lahko prenesejo v Phone 8 Windows aplikacije, kot dobro. To je spet pojavlja zgodba, tako da je nekatere vsebine o tem na Postava. SDK pravkar prišel iz nekaj časa nazaj. To je bil samo sprosti nekaj časa nazaj. Ampak v smislu drugih platform preveč, ste verjetno vodijo v mnogih okvirov na različnih platformah, kot dobro. Dobra novica je, da stvari delaš tukaj, osnovna funkcionalnost je naravnost navzgor spletni standardne stvari. Edine stvari, ki ne bi zlahka prevedejo so stvari, ki Windows 8 ne, vendar to ni presenečenje, saj je funkcija Windows. Ne boš šel, da bi našli skupno rabo ali podobne vrste pogodb o vsaki drugi platformi. Torej, to so stvari, ki bi si želeli, da z vidika oblikovanja poskrbite, da imate načine za vrste abstraktna, da, tako da lahko rečem, "Če tečem na to, da lahko to storim." Če ne bom, tam je nekaj načrtovalski vzorci lahko uporabite za nekakšen skriti te stvari proč. Ampak, da se vodijo v mislih. Ja. Žal mi je. Pojdi naprej. 

[Študent] Če želite preizkusiti svoj operacijski sistem Windows app na vrhu [neslišno] [Bowen] Ja. Preskočil sem še eno stvar preveč. Ja. Odgovoril bom na vaše vprašanje, potem ti bom pokazal funkcijo, sem pozabil omeniti. Imamo kar nekaj strojev, ki so na voljo na lokalni ravni. Žal mi je. Vprašanje je bilo, kako sem test stvari na napravah če se ne zgodi, da ima cel kup stvari, med katerimi lahko izbirate? [Guarin] Mi vam posodil fantje, mislim, 5 ali 6. Koliko jih potrebuješ? [Študent] Imamo 4 od njih. >> Ok. Imata 4 tablice igral s. Torej definitivno pustiti vsi vedeli, prosim. [Smeh] >> [Bowen] Awesome. To je še boljši odgovor kot jaz, da bom dal. Imamo Uradne ure za razvijalce, ki jih počnemo v naši pisarni in zdaj kmalu na Microsoft Store več na Pru, vendar je Edwin že poskrbel zate. Obstajajo 4 tablice na voljo za izposoje, za testiranje. Takole. Tam je primer ene tam gor. Torej, ja, seveda. Super. Absolutno daleč najboljši način, da ga test je, da se na napravi. Če se ne zgodi, da bi imeli še enega ali ne želite, da hodi po kampusu v snegu zgrabi enega ali karkoli, obstaja način, da to storijo nazaj v Visual Studio. Če grem nazaj tja kjer sem bil tukaj, tukaj, namesto z uporabo lokalnem stroju, vam lahko priključite na oddaljenem računalniku, vendar to ni tisto, kar sem tukaj govoril. Simulator je stvar, ki jo morda želeli videti v. Bom naredil to, in res, kaj je to, da je v bistvu okno na svoj sistem. Tu je pravzaprav moj sistem teče, teče Contoso, vendar na način, ki omogoča mi, spremeniti nekatere parametre izvršbe, okoljskih parametrov. Torej lahko rečem, tukaj, "Veš kaj?" Oh. Sem že teče v simuliranem 27-palčni monitor na 2560 resoluciji. Sem lahko enostavno spusti, da dol in videli, kaj bo moja vloga storiti z manjšim zaslonom ali s spreminjanjem nastavitev DPI ali karkoli. Torej na majhnem zaslonu, 10.6, kaj bo naredil? Da še vedno izgleda precej dobro, kajne? Boste želeli, da to stori, še posebej, če ste oddajo v trgovino, ker delamo kot del procesa testiranja. In če obstajajo težave, kot da potem boste morda naleteli na vprašanje pridobivanje spričevalom za trgovino. Ampak to je del simulatorja. Res kul. Zelo enostavno narediti. Lahko uporabite tudi funkcije, kot so jo vrtijo. Jaz lahko s klikom na gumb tukaj, so se vrti, vidim, kaj bi nekdo imel tako izkušnjo vrtijo svojo skrilavca, njihova tablet, in ga uporabljate s tem. Obstaja nekaj drugih stvari, preveč, kot emulacijo dotik in nekaterih drugih stvareh, nastavitev GPS. Ne morem se pretvarjati, da sem na drugi lokaciji in videti, kaj je moja vloga ne ko sem se pretvarjal, da sem se vrnil v Seattlu ali kaj podobnega. Ampak to je zelo uporabna funkcija, in je zgrajena v tako Visual Studio in Blend. Da. Vaše vprašanje. 

[Študent] Če pišete igro, ne Visual Studio podati za animacijo? Ja. Vprašanje je okoli animacije podpore, zlasti iger na srečo. To je odvisno. [Smeh] Z JavaScript bom rekel, da je verjetno manj podpore, kot je na strani XAML, ki ima roke, ima storyboards in stvari, ki so zgrajena palcev Za animacije JavaScript apps, ne vem, koliko odgovor želim dati. Imam vire na mojem blogu, ki gredo skozi veliko možnosti za oba fizika animacije, Možnosti za JavaScript-orientiranih iger na Windows 8. Jaz bi ti nanašajo na tiste. V bistvu pa je tako veliko izbire. Razlog sem omahoval je tam toliko možnosti za to animacije z JavaScript. Lahko bi bilo CSS, bi se lahko na osnovi Canvas, bi bilo samo osnovne DOM animacije, da bi se lahko veliko različnih stvari, tako da je res odvisno od vaši izbiri. Če se odločite, da uporabite nekaj podobnega Create.js ali apna ali drugih vrst okvirov - No, nisem niti prepričan, da boš lahko uporabljajo višji okvir končni všeč vpliva ali konstrukt. To kaže, da ustvarjajo več kode, kot si morda zdi iz nič. Toda v teh primerih lahko še vedno uporabiti simulator, lahko uporabite okolja, in sem ponavadi samo uporabo tega okolja za mojo preskusne platforme v teh primerih kot sem razvoju iger. Bil sem v redu, zlasti s platnom animacije, , ki je verjetno najbolj običajna stvar. Najboljši boste verjetno našli, je Razvojna orodja v brskalniku in Razvojna orodja v Visual Studio. Nekako vijugasti odgovora ni, vendar upam, da sem dobil svoj odgovor. Da. You. 

[Študent] Kakšne so možnosti za shranjevanje podatkov za Windows 8 aplikacije? Kakšne so možnosti za shranjevanje podatkov za Windows 8 aplikacije, Windows Store aplikacije? Vaše možnosti so res vsak zahtevek dobi svoj bazen za lokalno shranjevanje za nastavitev in podatkov, vendar je tudi smešno enostaven za uporabo gostovanja skladiščenje, za uporabo v oblaku shranjevanje. Storitev je brezplačna. Kaj se zgodi, je, da v bistvu izbrati drug razred in si rekel, "Nastavitve gostovanja, Save, to še posebej nabor vsebin," in njihovo Microsoftov račun, ne glede na oni vpisani kot, se bo ključ do te informacije gostovanja okoli. Torej, če uporabim svojo igro na svoj laptop, potem pa sem se prijavite z istim računom in sem igrati igro na površini ali tableto, , ki bo samodejno pohajkovanje to nastavitev in podatkov med temi stroji. To je privzeta stvar. To je dobro za določene količine podatkov. Saj ne bi dal ogromno bazo podatkov v njih. Za to boste morali iti z drugimi vrstami rešitev, kot so gosti bazo podatkov v oblaku, take stvari. Obstajajo nekatere druge možnosti Skupnosti za približno drugimi vrstami podatkovnih tehnologij. Videl sem nekaj SQLite možnosti v skupnosti okrog tam preveč. Torej, bolj in bolj se pojavljajo, ampak to so glavni stvari, ki bi morali iskati v smeri za igro ali aplikacijo. In ti si imel vprašanje v hrbet preveč. 

[Študent] V smislu omrežja [neslišno] nalaganje in nalaganje datotek [neslišno] [Bowen] Je vaše vprašanje, kako lahko vidite, da je in kako si lahko debug, da je in ga preizkusiti? [Študent] Kako lahko to debug [neslišno] Žal mi je. Ne slišim vse. [Študent] Kako si dobil to bug preizkušena in tudi [neslišno] Super. Super. Kako delate z mreženje? Kako si lahko ogledate, kaj se dogaja? Obstaja veliko različnih odgovorov na ta, vendar naj vam pokažem, verjetno najlažji stvari tukaj. Dovolite mi, da se znebite simulatorja za sekundo. Samo nekaj možnosti za razhroščevanje za mreženje. Tam je polno omrežni sklad pečen desno v tako na ravni WinRT in od WinJS, tako da lahko zelo enostavno xhr, tip AJAX klice iz vašega igro ali app za to. V glavnem, sem se nagibajo k uporabi 2 stvari. Uporabljam dejanske Razvojna orodja same, ki imajo omrežni sklad pečen v njih. Naj vam pokažem domačo stran Windows. To lahko bruhati, in tam je pravzaprav mreža proxy pečen v teh orodjih tukaj. Torej, jaz lahko naredim to, bom lahko osvežite stran, in to se dogaja, da mi pokaže vse interakcije, vključno z AJAX zahteva za to sejo, za čas, da se zahteva stranke. To je koristno. To bo zelo koristno za aplikacije, ki temeljijo brskalnika. Za druge vrste aplikacij, vključno z Windows Store aplikacije, Uporabljam orodje, imenovano Fiddler. Boste dobili igro v odgovor. [Smeh] Fiddler je preprost proxy. Mislim, da lahko pokaže, da je za vas. To je samo GetFiddler.com, ki je dovolj zanimivo, bom sledenju svojo omrežno kup bo GetFiddler. Vendar kakorkoli že, Fiddler je bila napisana s strani ene od PMS na IE ekipe, tako, da ve, kaj počne. To je dober približek, ki ga lahko uporabite za iskanje in odpravljanje napak omrežnega prometa. Jaz bi priporočal, da. Vprašanje tam preveč. 

[Študent] Ali obstaja enostaven način za integracijo vložek tujega jezika, kot japonska ali kitajska, v Windows aplikacije? Ne morem reči, da sem naredil preveč, sam, vendar je pečen prijavite Obstajajo možnosti za seveda oddaja vašo prijavo - Oprosti, nisem rekel vprašanje - Možnosti okrog globalizacija, lokalizacija vsebine, vključno s stvarmi, kot da bi lahko prodajali na različnih trgih in cilj, da različico svojega zahtevka za tiste posameznih jezikov ali kulture ali podobnih stvari. Absolutno zgrajena palcev Smo imeli podporo, da za večno, in da se prenaša v vaše možnosti za Windows Store. To lahko storite v trgovini sami prodajajo na različnih trgih, lahko storite, da se pri uporabi, kot tudi tudi z uporabo sredstev za opredelitev, "Če sem bil razvit za to kulturo, nato pa uporabite te razveljavitve za mojo tekstovnih vsebin "Ali pa uporabite levo in na desno bralca." Tisti, ki so del privzete WinJS in WinRT API. Dobro vprašanje. 

Kako nam gre? Vsi drugi? In če ima kdo na video vprašanja, bom cbowen @ microsoft, tako da sem vesel, da bo na vsa vaša vprašanja iz prihodnosti. Zelo - Od prihodnost, prihodnost [posnema echo]. Torej, tukaj sem jaz. Dovolite mi dal nazaj svoj stik tukaj. Torej mi samo poslati beležko, cbowen @ Microsoft, in bom priti nazaj k tebi takoj, ko bom lahko. 

Karkoli drugega, da ste se spraševala? Smo dobri? Super. Vse je v redu. Hvala vsem zelo veliko. Cenim to. [Ploskanje] 

[CS50.TV]