[Powered by Google Translate] [Szeminárium - Windows 8 - App / Game Development HTML5]
[Chris Bowen, Edwin Guarin - Harvard University]
[Ez CS50. - CS50.TV]
>> Hé, mindenki. A nevem Edwin Guarin. Ez Chris Bowen.
Megmondom neki be magát a második.
Csak azt akarom, hogy a gyors bejelentés.
Először is, minden, amit CS50 diákok Windows 8 ingyen.
Tehát, ha gondolkodik valójában használ ez a projekt végső, ez a tiéd.
Nate küld egy e-mailt később az utasításokat.
A másik dolog az, ha úgy dönt, hogy írjon egy Windows 8 alkalmazás a CS50 projekt végső,
mi lesz, hogy csinál egy kis ajándékot: egy Xbox,
akkor lehet, hogy a pala el, ilyesmi.
Tehát, ha van valami tart vissza, hadd Chris vagy tudom
hogyan segíthet felépíteni valami igazán cool.
Tehát még egyszer köszönöm, hogy eljöttek ma, és én átadja Chris.
>> Köszönöm, Edwin.
Köszönöm mindenkinek, hogy csatlakozott hozzánk ma.
Én Chris Bowen. Én vagyok az egyik Edwin kollégái itt, az északkeleti.
Csak azt akartam eltölteni egy kis időt veled beszél
hogyan lehet a Windows Store alkalmazás HTML5, JavaScript és CSS
és milyen kap bármilyen kérdése merülne fel, hogy választ az Ön számára
ahogy nézel felé gondolkodik, talán használ ez egy CS50 döntőbe lehetőséget.
>> Igaz, akkor csak zuhanásra be
Megyek, mint a diák itt.
Ha bármilyen kérdése van, nyugodtan küldj egy e-mailt.
Én cbowen@microsoft.com, és az én blog és az én Twitter.
Ugyanakkor azt szeretnénk, hogy a kapcsolatot velem, hogy rendben van.
Van egy óra a dolgot, és azt akarom, hogy a kérdéseket az út mentén,
ezért ne légy félénk arról hogy kérdéseket ebben.
Nem tudják, hogy ki kérdezi a kérdéseket a felvétel
így lesz anonim ahogy akarsz lenni.
>> Hadd zuhanásra, csak ad egy gyors bevezetés a Windows 8,
és megmutatom néhány dolog Windows Store apps, hogy érdemes megfontolni
ahogy gondolkodik fejlődő alkalmazás.
Keresünk a Windows 8. Már ki pár hete.
Sok erős elfogadása odakint már.
Lehet, hogy látta már a Surface gépeket, hogy van is.
Van egy itt tényleg lehet, hogy egy pillantást, ha itt személyesen.
Nagyon szeretnék beszélni veled, mutassa meg körül egy kicsit a Windows 8.
Az ötlet a Windows 8, ez igazán terjessze elő az összes cuccot tudni a Windows
egyes új élmények - különösen, dolgok, mint a Surface gép touch,
ilyen jellegű több a mobil eszközök, amelyek ma már a piacon,
de ez is a Windows középpontban.
Tehát ez azt jelenti, hogy telepíteni igazán semmit, hogy fut a Windows 7,
az Ön legnagyobb hármas SLI játék rig le a laptop
és a csillogó új egyéb eszközöket, hogy lehet, hogy vegye fel ma.
Ők fog futni Windows 8.
Megmutatom körül egy kicsit,
és az összes tapasztalat, hogy látni fogod, itt olyan dolgok, hogy hozhat létre.
Az ötlet az, hogy ez a tapintás, az egér, a billentyűzet,
amit a készülék, hogy te futó alkalmazást, ez fog futni jó.
Windows 8 segít mindazokkal forgatókönyv.
>> Ezek a diák félre, nézzük csak, hogy jobbra egy pillantást itt.
Hadd mutassam meg a kezdőképernyőn. Ez a Start képernyőn.
Hadd mondjak el egy kicsit a túra itt.
Én vagyok a non-touch gépet, így bármennyire is szeretnék érinteni a laptop képernyőjén,
ez nem fog semmit, úgyhogy csak lapozzunk itt egy kicsit, és megmutatom.
Néhány dolog, amit talán észre az a tény, hogy ezek az úgynevezett élő csempe
tényleg lehet animálni, és ők is tájékoztatást Önnek -
talán frissítések statisztikák játék
vagy megmutatja hírek néhány korábbi apps, hogy itt van a bal oldalon.
Ott vagyunk. Biztos vagyok benne, hogy csak a pozitív és a fantasztikusan jó hír.
Itt látható, hogy tényleg hívja a figyelmet vissza az app, mondván:
"Hé, van valami új a nap alatt. Vessen egy pillantást. Gyere vissza, és mi az új az Ön számára."
Ezt hívják élő csempe, és meg tudod csinálni értesítések
vagy közvetlenül az alkalmazás maga
vagy ha egy pillantást részletesebben, megtudhatja, hogyan kell írni a távoli szolgáltatás
hogy ténylegesen nyomja információt a cserép,
amely a mi történik ezekkel a híreket apps.
Ők ténylegesen is hír a felhő, és frissíti a csempe ott
hogy az emberek tudják, van egy ok, hogy nyissa meg az alkalmazás, és nézd meg
Bármilyen a legfrissebb hír, ezek közül bármelyik
vagy ha van új recepteket, vagy egy új, magas pontszámot verni
vagy egy barát játszik, vagy bármi az ezeket az alkalmazásokat.
Ez valami, hogy csábítsa vissza be
Szóval ez az élő csempe, és ez lehet egy ember, lehet, hogy egy honlap is.
Általában ez az alkalmazás.
>> Elég sok minden ezeket a dolgokat, hogy én is itt jött a Windows Store. Fogom indítani ezt.
Ez az egyik az alkalmazások kapsz alapértelmezés
minden gép fut Windows 8.
Akkor jön ide a valami, amit akarsz,
a dolgokat, hogy vannak kiemelve a játékok, hogy én még nem láttam.
Hűha, most már van egy új flipper itt.
Telepítheti ezek itt a boltban,
és fogunk beszélni, hogyan lehet fejleszteni ezeket.
Van egy csomó döntéseket, hogy hogyan hozza létre azokat.
Majd hangsúly a JavaScript történetet a HTML és a CSS,
hanem a felhasználó számára, hogy a vásárló az app, nem számít, hogy mit írt be
Ezek megy előre, és dolgozni vele.
Én izgatott ez, így azt kell, hogy nyissa ki, és nézd meg.
Minden alkalmazás, beleértve azt is, hogy van-e be, és eladja vagy adnak ingyen,
amit akarsz csinálni a boltban, akkor kap egy honlapon, mint ez.
Akkor küldje az alkalmazás egy csomó képernyő felvételek - akkor látni néhány itt -
részleteket az alkalmazás, és idővel meg fog felhalmozni a két értékelés -
ők alapvetően csak a csillagok - és az értékeléseket,
amelyek egy kicsit betekintést.
Valójában, valaki írja valamit mondani, hogy milyen fantasztikus vagy,
és hogy bemegy a vélemények részben itt, amit még nem néztem.
Fantasztikus. "Nem is szabad." Milyen nagyszerű.
Nos, az emberek, akiknek ez volt a nyílt és fuss, úgy tűnik, hogy igazán élvezni. [Nevet]
Tartsa ezt szem előtt tartva. Az internet. Bárki lehet mondani, hogy mit akarnak a az alkalmazás.
Ügyeljen arra, hogy csinálsz egy nagy munka vele,
győződjön meg róla, így kényelmes a felhasználó számára, mint te
mert ők egy-két kattintással el, hogy egy felülvizsgálat
és hogy fog felhalmozódni, hogy a teljes áttekintés Értékelés.
És azt akarja, hogy nem a legjobb, mert akkor lesz ellen más alkalmazásokat.
Nem lesz több ezer apps már a boltban,
és esélye van, lehet, hogy valami, ami nem hasonló funkcionalitást, hogy mit csinálsz.
Tehát, ha tényleg kiemelkedik a tömegből, hogy az lesz az előnye, természetesen.
>> Majd kap a boltba egy kicsit később.
Nagyon szeretném összpontosítani létre alkalmazásokat.
De a rövid változata a tároló világméretű értékesítési,
ez automatikusan része a Windows 8, az emberek csak tűz ki, és vessünk egy pillantást a különböző alkalmazások itt
akkor a Dress-Up Sticker Book és mindenféle különböző alkalmazások.
Friss festék, én ezt nagyon - rosszul, de használom sokat.
Ez megmutatta már saját maga is.
Hadd mutassak valamit, amit nem kellett volna - UVideos nincs, mint új.
Látod, itt ez ingyenes, így telepíteni már a boltban.
Van választás is. Akkor természetesen adja el.
Tudod, hogy a reklám a app vagy játékot.
Azt is díjat, és akkor nagyon könnyen olyan próba alkalmazását is
így hagyjuk emberek próbálja ki egy hétig, vagy amit akarsz.
Ez csak szabható a portálon keresztül. Nem írni a kódot, hogy az.
Szóval azt mondod: "Ezzel egy hétig, és akkor megvan, hogy vedd meg,"
vagy ha lehet csinálni a dolgokat, mint a "Te is játszani az első 3 szinten ez a játék
"És akkor megvan, hogy megvásárolja a hozzáférést a többit."
Lehet még nem in-app vásárlások is, így mondhatjuk,
"Van további kalandjait vagy beállítja a grafikus vagy dolgokat, amelyek nyitva -
"Több receptek, amelyek nyitva - ha vásárol e kiterjesztett készletek."
És meg tudod csinálni, hogy mind az alkalmazás vagy a játék maga.
Tehát, teljesen rajtad múlik, az Ön választása.
Van egy csomó dolog, amit tehetünk, a boltban,
és akkor tulajdonképpen te azt benyújtja a tanúsítási csatornát.
Beszélhetünk arról szól, hogy egy kicsit később, de ez a cél.
Azt akarod, hogy az app világszerte láthatóságot a boltban van.
>> Vissza a Start képernyőn van, szeretném megmutatni körül egy kicsit.
Ha elindítom ezeket az alkalmazásokat, hadd adjak egy példát néhány határon app funkciót itt.
Ehhez fogom indítani Fresh Paint.
Az egyik dolog, látni fogod, itt minden egyes kis képernyőn,
minden pixel a képernyő, megy a kb.
Elmúltak azok a napok, amikor van ilyen keretet az ablakok
sok gomb, hogy mindig ott a helyet minden alkalommal.
Most már tényleg szeretné, hogy távol azt, és csak azt a tartalmat a középpontban.
Meg tudjuk csinálni a dolgokat a Windows elérésével más típusú menük.
Ezek közül az egyik valóban az úgynevezett a varázsa bár,
és jön ki az oldalán a képernyőn.
Akkor tényleg rázza az oldalon, ha van egy érintőképernyő,
akkor jobb klikk, ha van egy egér, van egy billentyűkombináció rá,
mindig van több mint egy módja annak, hogy tegyünk valamit a környezetben van.
Ez hozza ki a néhány dolog, amit tehetünk.
A legnyilvánvalóbb az, akkor menj vissza a kezdőképernyőre,
de a másik 4 úgynevezett varázsa.
Ezek a szerződések, hogy akkor dugja be, mint egy app fejlesztője. Ők elég jó.
Search, biztos vagyok benne, hogy valami, amit csinálsz,
megosztása megmutatom a második,
Eszközök és beállítások, ezek mind olyan dolgok, hogy az app dugja be
hogy felerősítse a Windows, hogy azt mondják: "Én megtettem a részem
"És azt akarom, hogy a Windows támogatni más funkciót,
"És én nem akarok írni egy csomó kódot, hogy ez megtörténjen."
Ez tényleg egy előnye ezeket a funkciókat.
Hadd mutassam meg egyet.
Ehhez, teszek egy új festményt.
Én is beszéltem a minden egyes pixel a kb.
Alapértelmezés szerint ez az, ami a festék app néz ki, amikor használja.
Ez tényleg csak arról szól, amit te rajz, a tartalmat.
Tehettem szörnyű dolgokat. Mit kell rajzolni? Nem tudom.
Scribbles? Ó, remek. Meg tudom csinálni firkákat. Fantasztikus.
A pulyka? [Nevet]
Ez a legtöbb, elvont pulyka látni fogja.
Azt is, hogy ki az úgynevezett app bár,
és ez valóban az egyik legfontosabb módja, hogy tudod használni
elrejtéséhez el az összes dolgot, ami lehetett a app vagy játék előtt
csak a helyet foglalja minden alkalommal.
Tehát most akkor tedd fel itt, és ez valóban az egyik szebb élmények
az app bar, amit valaha láttam.
Helyezze a választás itt kiválasztására különböző színekben.
Szerettünk volna egy pulyka, így fogunk egy kis barna van, indítsa keverés pár színben.
Elvisszük Köztes szín ide, majd gyere vissza.
Kezdheted rajz. Ott a pulyka. Fantasztikus.
Nem tudok rajzolni kezdeni, hanem az, hogy ez egy touchpad a közönség előtt még jobb.
Ez fantasztikus.
Az ötlet, mégis, minden, ami érdekel, hogy itt a felszínen.
Tegyük fel, hogy én vagyok annyira elégedett ezzel, hogy megvan megosztani valakivel.
Normális, hogy mit tenne más Windows-verziók,
akkor talán egy képernyőképet, azt némi copy-paste a szöveget
, vagy ilyesmi, hogy szeretné megosztani,
és aztán megy, és nyit egy alkalmazást, és tedd bele.
Itt nem kell csinálni.
Akkor tényleg kihozza a varázsa, bár, és azt mondják: "Szeretném megosztani ezt."
Ezen a ponton ez megy, hogy mutassa meg az összes apps
, hogy tudják, hogyan kell dolgozni bármit is megosztott.
Ebben az esetben ez a kép, így fog mondani, hogy "Látom, hogy van egy kép."
"Azt akarod mondani?" Láthatod, hogy e-mailt magam cucc egész idő alatt.
Elismeri, hogy, és ez kínál nekem, hogy, mint egy parancsikon,
de ez is mutatja, nekem minden app, hogy tudja, hogyan kell kezelni egy képet
és csinál valamit vele.
Ezek mind azt jelzi, hogy a Windows, hogy képes erre.
Ezen a ponton ez a Windows.
A felhasználó csak kiválasztja, hogy mit akarnak kezdeni vele.
Megteszem, ami tőlem megszokott a PuzzleTouch. Láthatjuk, amit létre mindenféle rejtvényeket idővel.
Elviszem PuzzleTouch, és azt mondják: "Szeretném megosztani ezt a csodálatos teremtés PuzzleTouch."
Ez fog menni előre, és azt mondják: "Remek. Szeretné megosztani ezt? Fantasztikus."
"Azt szeretnénk, hogy egy rejtély, hogy könnyű, közepes, bármi?"
Csinálok egy köztes itt.
Ez teszi a puzzle. Ez lesz a szörnyű rejtély, mert ez többnyire üresen.
De ez kész, és ez valóban vissza a többi alkalmazás.
Ha kijövök ide tudok keresni, és elindítani.
Ha most lépjünk át egy kicsit itt, meg kell látni a teremtés valahol.
Hol megyek? Milyen puzzle nem teszek? Mondtam, hogy ez egyszerű?
Ó, ott van, ott van.
[Nevet] Ez az a könnyen felismerhető pulyka puzzle, hogy itt van.
De a dolog, amit szeretnék rámutatni, hogy a jó dolog itt
az alkalmazások nem tud semmit egymásról.
Csak azt mondta: "Van egy kép, hogy megosszák, és tudom, hogyan kell kezelni a képeket."
És mint a fejlesztő, akkor nem kell írni, hogy a kódot.
Ha valaki megkérdezi, hogy megosszák, megyek, hogy egy kis adatot ebbe a kis adatstruktúra
és kész vagyok.
A többi app átveszi, teszi a dolgot, és ez a végén a tapasztalatok megosztása.
Ez csak egy dolog, hogy meg tudod csinálni - nagyon-nagyon erős -
és ez lesz az egyik olyan dolog, ami igazán segít megkülönböztetni az alkalmazás
és a játékot is a boltban.
Az emberek lesz képes mondani, hogy "Ez nagyon hasznos."
"Én ezt a puzzle alkotó minden alkalommal. Ez fantasztikus."
>> Ez körülbelül elég egy rövid áttekintést, hogy mi folyik itt.
Van egy pár más funkciók is, hogy talán majd kiemelni, ahogy végig kódot.
De azt akarom, hogy belevetik magukat a diák és erre fogok menni az Asztalra
amely maga is egy élő csempe itt.
Tudok menni ebbe, és valóban, én vagyok a diák,
de hadd mutassam meg, tényleg, hol vagyunk.
Vagyunk valójában Desktop módban.
Ez nagyon, amikor, amit mondtam, mielőtt a Windows-amortizációs
az új élmények megmutatja magát.
Ez a Windows tudod.
Windows alkalmazások nevezzük asztali alkalmazások. Futnak itt.
Ha a meglévő alkalmazásokat, és szeretné futtatni őket a Windows 8,
akkor teljesen csinálni.
Ezek nem ugyanazokat a dolgokat, mint a boltban alkalmazások, amelyek itt,
mint a friss festék és ezek az NBC News alkalmazások és ilyesmik. Ezek jönnek a boltból.
Ezek dugót néhány jellemzője, hogy én megmutatja
és mások, hogy én még nem látható, hogy csak még.
De csak hogy tartsa szem előtt. Van támogatja mind ezeket a dolgokat is.
Sajnálom. Valami nem jelenik meg a képernyőn? Elvesztettem teljesen. Ez furcsa.
Oké. Köszönöm, rámutatva, hogy ki.
Amit nem láttam egy ideje az én mutatja meg, hogy az asztalon van itt.
Mi az utolsó dolog, amit látott? Láttad ezt?
Ez az asztalon. Már tudom, hogy néz ki.
Semmi borzasztóan szokatlan.
Ez a könyv, hogy a tapasztalatok előre az Ön számára, és hagyja, hogy használja a dolgokat, hogy már volt.
Például, én leszek megmutatja Visual Studio. Ez egy asztali alkalmazás.
Meg fog futni ebben a módban.
Meg fog támogatni egy összetettebb környezetben
egy csomó lehetőséget, és hasonló dolgok, így van ez egy jó lehetőség, mint egy asztali alkalmazás.
>> Igaz, menjünk diák csak egy kicsit
, és ad egy kis bevezető tartalmat, majd bejutni valóban kódolás itt.
A jó hír az, amit hallottam, hogy már összpontosítva sok CSS és a JavaScript, HTML.
Minden olyan dolog, amit már a tanulás carry egyenesen, hogy a Windows Store alkalmazások.
A dolgok, hogy már hallott alkalmazásával CSS szelektor és mindazok a dolgok
pontosan mit csinál, hogy hozzon létre egy alkalmazás van a boltban.
Majd végig ezeket a dolgokat apránként.
Alapvetően, építek a dolgokat, hogy már vették a fáradságot, hogy megtanulják.
Ez a teljes diagram a technológiák, amelyek jól jönne
hogy alkalmazások Windows 8.
A dolgok a jobb oldalon, az asztali alkalmazások, valóban, amit már tudunk.
Ez a dolog, hogy tényleg a Windows 7 a világ vinni a Windows 8.
Minden ilyen lehetőséget átviszi: C #, VB, Win32 egyfajta fejlődés.
Remek. Nem probléma. Az új cucc a bal oldalon.
Ez a Windows Store alkalmazások, ez az, amikor azt akarom, hogy az alkalmazás vezetékes a Windows 8
felhasználva azokat a funkciókat, hogy azt a boltba, és kap, hogy nagyon klassz élmény
A Windows Store alkalmazás.
Ehhez itt látható, megvan az összes választást, XAML, C + +,
C #, VB, amit tehetünk, DirectX, ilyesmi, a dolgok, amelyek túlmutatnak a diát.
De nekünk, fogunk összpontosítani jobbra az a tény, hogy a HTML, CSS és JavaScript
valóban első osztályú állampolgár kérelmezésének Windows 8
és a Windows Store.
Szóval ez jó, mindenki itt van, és az emberek nézni a videót
mert ha csak a tőkeáttétel minden azokat a tapasztalatokat, hogy van
és tényleg döntetlen, amit a Windows kínál.
Meg fogod csinálni, hogy egy sor API, ami nem meglepő.
Minden operációs rendszer saját API-k.
Azt tegye, amit a Windows tehet keresztül úgynevezett WinRT.
Ez egy sor API-k, hogy csak mindent elvégez.
Ha kell megnyitni a fájlokat, akkor kell használni a kamerát, térinformatikai, ilyesmi,
mennek keresztül, amit a Windows tud nyújtani Önnek.
Eléréséhez, hogy mi még egy kis JavaScript, ami megy, hogy még könnyebb
az Ön számára, hogy ezt tegyük. Mi lesz az, hogy egy pillanat alatt.
De most, ez alapvetően a menetrendet.
A dolgok, amit már csinált tetején néhány API-k
, amelyek segítenek a munka a Windows egyenlő Store App.
És ez tényleg arról csak annyit kell tudni, hogy a magas szinten.
>> Majd belevetik magukat valóban dolgozik a dolgok most.
A dolgok, amit valószínűleg már látott egy csomó,
IE9 egy kicsit vissza is támogatást vezetett be a sok, abban az időben,
újabb szabványok a weben, így sok új CSS funkciók,
sok új HTML, ECMAScript 5, ami igazán JavaScript.
Tehát mindent, hogy csak a szigorú mód volt IE9.
Csak egy csomó dolgot CSS, CSS3, mind benne van.
És ez az egész továbbviszi, amit mi csinálunk a Windows 8.
Használhatja ezeket a dolgokat, és tudod használni mindent, ami új IE10.
Az IE10 bemutatjuk támogatja az összes ezeket a dolgokat is.
Ők mind hardveresen gyorsított, így ha egy gép, amely valamilyen GPU,
ami valószínűleg elég sok minden gép, akkor is kap az elmúlt 8 évben,
fogsz tudni, hogy a hardver-gyorsított kimenet,
vizuális kimenet CSS, Canvas, SVG.
Mindazok a dolgok mennek a hardveres gyorsítás
és lehet, hogy sokkal gyorsabb és hatékonyabb.
A rövid változat mindez - Én nem megyek át minden egyes dolog itt -
Ha látod, hogy ezen a listán, ha meg tudod csinálni azt IE10,
Ha ez egy webes alkalmazás, futsz, hogy működik IE10,
ez valami, amit tehetünk, mint a Windows Store app.
És ez nagyjából azt. Tehát, ha működik az IE10, hogy fog működni, mint a Windows Store app.
Ez az asztalra, mint valami, amit lehet használni.
>> Sok itt. Nincs éjfélig, így nem tudok felül itt minden.
De vannak olyan oldalak, amelyek segítenek megérteni, mi ezeket a dolgokat tehetünk,
és megmutatom neked az egyik közülük a második.
Csak azt akartam rámutatni néhány a legfontosabb dolog, hogy meg lehet nézni.
Lehet, hogy már láttam néhány ilyen a tanulmányok,
de ezek igazán hasznos, különösen a Windows Store alkalmazások, a CSS oldalon.
Tehát, hogy képes megtenni transzformáció és átmenetek nyújtanak mozgás animáció -
ezek mind részét képezik a CSS, és most ők mind támogatja a modern böngészők,
és IE10 és IE9 hozzá támogatást idővel az ezeket a dolgokat.
És miért írja meg magad, hogy miért megy végig a baj csinál ezeket a dolgokat kézzel
ha jönne egy egyszerű CSS átalakítani, hogy egy 3D-s hatást az alkalmazás?
Remek. Ez így működik.
Nem tudom azt, hogy ez sokkal nehezebb, mint ezt.
Ha tudod, hogyan kell csinálni a CSS, tudod, hogyan kell csinálni a Windows Store app.
>> Túlmenően, hogy az elrendezés, a dolgok, mint akár a boltban app,
de túlmenő, nézett talán egy hír app, ami megmutatja, cikkek
vagy recepteket, vagy ilyesmi, ezek más jellegű funkciók CSS igazán hasznos:
Rács, Flexbox, CSS Régiók inkább egy viszonylag új szabvány is.
Ezek a dolgok mind fog segíteni feküdt ki tartalmat és az áramlás tartalmi szakaszok között,
tudja megtenni, tördelés és elválasztás nélkül érzed, hogy írni a dolgokat magad.
Csak azt mondom, "Kérem, tegye a következőket értem,"
és a képernyő ingatlan más különböző gépek
vagy látni fogod, egy pillanat, ahogy dobott egy alkalmazás
, hogy kisebb mennyiségű hely a képernyőn, ez nem probléma a CSS.
Meg lehet kihasználni - we'll beszélni média lekérdezések a második -
akkor vigyázni dolgok áthelyezése a tartalom, áramló tartalom régiókban
csak ezeket a dolgokat, amit lehet, hogy már láttam a webes technológia.
>> A HTML5 oldalon, ott is egy csomó dolgot
, hogy lesz nagyon hasznos az Ön számára a Windows Store alkalmazások.
Ismét nem megy át az összes ilyen, de ők csak itt.
Tehát, ha kell használni, audio-video, ha meg akarja csinálni érvényesítési formáit,
Helymeghatározás, az összes dolog, amit tehetünk a JavaScript JavaScript-5-ös vagy ECMAScript 5
IndexedDB helyi tárolására - ezek az összes lehetőséget az Ön számára.
Ha keres választ, csak nézd a meglévő technológiák a HTML5 és a CSS
és megtalálod könnyebben választ, mint ha dobni egy csomó, amely magadnak.
Hadd mutassam meg egy kicsit itt.
Van egy oldal, mehetünk.
Hadd kilép ebből a dia egy pillanatra.
>> Ha elmegyünk IETestDrive.com,
Én nem sok a demo itt.
IETestDrive.com valóban megmutatja sok mi újság IE10,
A dolog, amit tehetünk.
Szerintem ez nagyon hasznos, mert olvasás helyett egy csokor fehér papír,
nézd meg egy pár demó, és ez segíteni fog tenni, hogy a saját személyes radar
arról, hogy a technológia értelme is csinálni többé kutatás
így meg fogod érteni, "Látom, mi ez az."
"Úgy értem, mi Request animáció Frame nem értem."
"Én értem, hogy tudtam használni régiók vagy SVG szűrők."
Látod őket akció közben, látni őket egy példa erre,
és döntsd el magad, ha ez lesz hasznos az Ön számára a saját projektek és azon túl
ahogy továbbra is együttműködik webes technológia.
Itt is csak arra kérjük Önt, hogy vessen egy pillantást.
Én nem hiszem, sok időt töltenek tényleges futás ezek.
Van elég megmutatni kódot írni.
Látni fogod, itt a dolgokat érintés hatások érintés-alapú játékokat, hogy részben,
animáció, nagyon gyors hardver-gyorsított animáció ott,
Néhány optimalizálás, hogy látni fogod, ezek közül néhány minta is,
és van még sok-sok más.
Ha megy ide, és nyissa meg a helyszínt térképet,
ott csak egy nevetséges számú mintát itt.
Láthatjuk őket itt.
Ha keresel valamit, vagy hallott valamit
, és kíváncsiak vagytok, talán ez lenne valami jó használni az alkalmazást,
üsd itt, és valószínűleg egy nagyon jó demo, hogy mentse magát egy kis ideig.
>> Oké? Bármilyen kérdése eddig az emberek itt?
Oké. Fogunk folytatni itt.
Ismét, csak nézzétek meg.
Ezek a webes szabványokat, így megy minden más bemutató helyek, hogy tudod, hogy a
és nézd meg, ezek a technológiák értelme az, hogy mit akar csinálni.
>> Vissza a diák.
Igaz, akkor mozog egy webes világban, hogy tényleg egy telepített helyi alkalmazást világban,
így van néhány dolog, hogy pont itt.
Először is, nincs webszerver szó itt.
Nincs Apache, nincs IIS fut itt
szolgálja ki oldalakat egy távoli ügyfél, hogy a távoli böngészőn ügynök.
Ebben az esetben tényleg minden van csomagolva az Ön számára.
Azt állítják, hogy mivel az alkalmazás a boltba, nem lesz hiteles,
ez ki a boltban, és akkor az emberek a több ezer telepíti a játékot, vagy a kb.
De alapvetően, ők húzza le helyileg a gép.
Nem kell, hogy menjen el a weben már, ha nincs hívás, hogy szükség van a távoli API,
és ez teljesen normális is túl.
De nem lesz abban a módban, ahol kell menni kérésére válasz szerveren
hogy a következő oldalra a tartalmat.
Tehát, hogy azt mondta, van néhány kisebb API különbség. Ezek a hihetetlenül csekély.
Ők valószínű, hogy eltalált a normál kódolás, de ők legalább dokumentálva.
Ők fajta él esetekben.
>> A másik dolog, amit érdemes kiemelni a bizalom különbségeket.
Csak említem ezt, mert én csak azt szeretném, hogy biztos, hogy azt mondta, hogy
így ha befut később, azt fogod hinni, "Chris mondott valamit erről,
"Így talán, igen, oké," és akkor menj vissza, és megtudja, mi volt az.
Kontextusok számít.
Alapértelmezésben próbáljuk megvédeni a felhasználót a vektorok támadás.
Vannak bizonyos dolgok, amit tehetünk, alapértelmezés szerint
és bizonyos dolgokat meg kell változtatni összefüggésben lehetővé.
Ahogy már használ valamilyen könyvtárak odakint - you've már dolgozik jQuery,
de ha megnézed a többi könyvtárak ott - lehet, hogy használ valamilyen funkciót
ez a fajta túlmutat a helyi szokások, nem dinamikusabb kölcsönhatások
XHR kéri, ilyesmi.
Néha lehet találni azokat le lesz tiltva alapértelmezésben
és ebben az esetben, csak nem a keresés, meg a helyi és a webes összefüggésben
és megtudhatja, hogyan lehet javítani.
Csak győződjön meg róla, hogy tudott arról, hogy amint elkezdi használni, más keretek között,
amely, meg kell említenem, akkor tökéletesen képes.
Tehát, ha találsz egy másik keretet - we'll beszélni ezt a második -
a játék, és szeretné használni, hogy a használni kívánt bizonyos ellenőrzési könyvtárak, amelyek odakint
és nem akar írni, hogy a cucc egyedül -, hogy ez egy jó ötlet, nem? -
akkor teljesen használni ezt a cuccot.
Semmi sem tart vissza bármely olyan könyvtár, ami alapján a JavaScript,
CSS, HTML5.
Ismét, ha ez az, amit tehetünk az IE10, ami a fene sok ezekben a napokban,
meg tudod csinálni.
Húzd be app, utalás arra, hogy JavaScript könyvtár, és használja az alkalmazásban,
csak szem előtt tartva lehet megüt a biztonsági környezet egyszer-egyszer - nem túl gyakran.
>> És akkor a funkciók, megyünk át néhány több ilyen, ahogy haladunk.
Az UX akkor milyen szokni, ahogy egyre több és több alkalmazás
a Windows Store.
Kapsz egy érezni, hogy hogyan működnek, és hogyan az esztétikus inkább dolgozni
különböző alkalmazások és amit az emberek fogják használni tapasztal.
Ez nagyon fontos része.
Győződjön meg arról, hogy amikor tűz ki a app nem kell olvasni egy kézikönyvet,
amelyet soha nem mellesleg.
Ezeket csak tudja, hogy kezdj el játszani az alkalmazás
és kitalálni, hogy ki nem sok nehézséget.
A ragasztás, és ragaszkodnak a sok ilyen gyakorlat,
fogsz tenni a felhasználók számára a nagy szívességet, megkönnyíti mindezt.
>> Oké. Még egy utolsó dolog, amit az API oldalon, majd mi lesz a tényleges kódot írni.
WinJS az, hogy a dolog már említettem, nagyon röviden, hogy a komplex slide
azokkal a különböző döntéseket, hogy van készítésére alkalmazásokhoz.
WinJS, akkor gondolni rá, mint egy haver.
Ez a barátja, hogy segítsen írni dolgokat gyorsabban.
Ez csak a JavaScript és CSS. Nem kell használni. Használhatja.
Ha megy, hogy hívja a Windows funkciók, akkor a végén használja,
de ha vannak dolgok, mint egy tervezési mintákat, vagy ellenőrzés, hogy tényleg nem akarja használni,
szeretné használni valami mást, ez rajtad múlik.
Döntse el, mit szeretne használni, és a stílus, amit használni kíván.
A funkciók a namespacing és az osztály generáció - rajtad múlik.
Ha inkább az egyik vagy a másik, ez teljesen az Ön választása. Még mindig JavaScript és CSS.
De ez megy, hogy segítsen csinálni egy csomó dolgot.
Például, itt van egy része, amit tehet,
dolgok, mint segíti aszinkron programozás ígér.
Bármelyik hallott vagy dolgozott Node.js?
Ez egy gyakori minta dolgozni aszinkron programozás.
Tehát alapvetően mit mondani, "Menj valami,
"És fogsz adni nekem egy ígéretet, hogy akkor vissza hozzám, ha végeztél."
Ez lényegében mi folyik itt.
Szóval nem fagy be a kérelmet, amíg a felhasználó megy, és felvette a fájl
vagy valami van áramlott le az internetről.
A felhasználói felület is érzékeny.
És meg tudod csinálni, hogy segítségével aszinkron programozás.
Úgy hangzik, nevetségesen bonyolult, de ez nagyon egyszerű, mert a 'használ ígéretek
és csak azt mondja: "Menj ezt, és ha végeztél, hívja vissza ezt a módszert."
Ez nagyjából azt. Ez minden épített WinJS.
Úgy megy, hogy ez egy sokkal könnyebb írni nagyon rugalmas és hatékony alkalmazások.
>> Láthatjuk a többi itt, sok animációk.
Valószínűleg az egyik fontosabb dolgok ezen a dián is ellenőrzéseket.
Azt hiszem, van egy egész - Igen, tudom.
Íme egy példa a csak néhány az ellenőrzések, amelyek segítségével az alkalmazások.
Ez mind egyenesen felfelé WinJS.
Nem írni ezeket magatokat,
csak azt mondja: "Itt van, hogyan akarja írni az alkalmazás."
"Fogom használni flip nézetet, így tudok menni a különböző képeket."
Nem jelenik meg szemantikus zoom. Megmutatom, hogy a második.
Listanézetben. Van GridViews.
Már láttam a rács részeként a Store alkalmazás,
így tudja használni blokkokat tartalmi és görgetés át, hogy.
Leporelló menü látni fogja időről időre.
Az app bar megmutattam neked, hogy Fresh Paint alkalmazást is,
így látta, hogyan lehet testreszabni hogy azáltal, hogy a gombok rajta
és miután a rejtőzködő el, ha nem érdekel, hogy azt használd.
Ez tényleg teljesen rajtad múlik, hogy használja.
Ezek mind olyan ellenőrzések, amelyek részei a WinJS.
Megmutatom, hogyan lehet ezeket csak a második, de ez több, mint ez,
és a legfontosabb dolog, hogy használja őket, ha akarod, csak egy kis időt.
>> Ha van más ellenőrzési könyvtárakat szeretne használni, ez tökéletesen is.
Dolgok, mint jQuery UI nem sok ilyen ötlet is,
amely több ellenőrzést, amelyek kiterjesztik mit tehet a HTML és a JavaScript.
Nézzük merülni be, amit már mondtam, hogy az. Használni, amit szeretne.
Csak tartsd észben, hogy lehet, hogy befut néhány összefüggésben kérdéseket.
De természetesen keverheted bármilyen típusú könyvtárak Ön kényelmesen,
szeretne tanulni, használni kívánt, hogy mentse magát egy kis időt.
>> Beszéljünk eszközei, csak egy pillanatra.
Lehet kapni, amit meg kell kezdeni dolgozni a Windows Store alkalmazások.
Ha visszamegyek, én már túl sok dolgot itt.
Ha megy, hogy ezt az oldalt, ami dev.windows.com,
letöltheti mindent amire szüksége van.
Mivel a diákok, van hozzáférése több, mint a nagyközönség számára nem,
így juthat magasabb végén a Visual Studio.
Edwin említette akkor már kap a Windows is.
De általában, minden a fejlesztők, akkor menjen ezen az oldalon
és töltse le mindent meg kell tenni a kérelmet, és ez mind ingyen.
Tehát van egy ingyenes verziója a Visual Studio,
vannak olyan eszközök, amelyek telepítését mellett, hogy -
mindent meg kell, hogy teszteljük az alkalmazás.
Ez csak akkor fogsz, hogy tegye közzé az alkalmazás akár a boltba
hogy Ön lesz szüksége a fejlesztői fiók.
Ez is azt hiszem ingyenes. Vajon szabad a diákok is? >> [Guarin] Melyiket?
A fejlesztő számla tényleges benyújtása. >> [Guarin] Igen.
Ez több jó hír.
Majd menj nézd meg ezt.
Azt fogják mondani egy egyedi alapértelmezés szerint ez a 49 $.
De ne iratkozzon fel, hogy, mint egy diák.
Majd neked egy kis információt az Ön programjain keresztül, hogy lehet kapni egy számlát ingyen,
, és amely segítségével majd küldje az alkalmazások egészen a boltba,
annyi, amennyit csak akar, és minden, hogy a jóság is hamarosan követi.
Szóval ez dev.windows.com.
Letöltheti az eszközöket, hogy szükség lehet innen.
És ha akarod, akkor kap egy próba-változat a Windows van,
de a lényeg, akkor nem kell.
>> A másik oldalon - hadd pont ezt ki gyorsan - a design.windows.com.
Ez dev.windows.com.
Design.windows.com, akkor hiszem, hogy mire való.
Ez valójában egy nagyon barátságos hely. Van egy csomó jó információt itt.
Lehet dolgozni rajta.
Ez fog adni neked néhány tanácsot bizonyos dolgokat
hogy talán még nem is gondoltam korábban, vagy meg kellett küzdenie előtt,
mint a tervezés, a tapintás, tervezése különböző kivitelben,
tervezése a képességeit a Windows 8, a dolgokat, amiket korábban említettem
mint a keresés és a megosztás, néhány dolog, hogy én nem beszéltem még.
Ők az összes itt felsorolt, és ez egy nagyon jó sor hasznos fájl oldalak
, amely segít megérteni, hogyan lehet egy bizonyos fajta alkalmazás,
hogyan kell csinálni interakció, hogyan kell kezelni a UI és UX az alkalmazás.
Azt javaslom, hogy vessen egy pillantást erre, különösen akkor, ha egy bizonyos ponton
remélve, hogy közzé egy alkalmazás a boltba.
Fogsz szeretné tudni, hogyan, hogy egy jó alkalmazás
mert azt korábban említettem, ha nem, van azokra a visszajelzésekre újra.
Az emberek lesz boldogtalan.
Ők nem tudják, hogy a dolgok, hogy várnak a megfelelő helyeken.
Senki nem akarja, hogy ez megtörténjen veled.
>> Halad előre itt, hadd zárja le.
Most, hogy tudod, hogy hol kap a dolgokat, meg fogom mutatni, hogyan kell ténylegesen kezdeni a dolgokat.
Először, én valóban azt mutatják, itt egy példa az asztali alkalmazásokat a Start képernyőn.
Itt látható a Visual Studio, láthatjuk Blend és más fejlesztői eszközöket, hogy van.
Nekik van egy kicsit más csempe.
Ez azért van, mert a desktop alkalmazások,
és ezekben az esetekben mindannyian fog indítani vissza az asztalra
tényleg ahogy apps, hogy van szokva.
Így a Windows élmény, ez ugyanaz a dolog.
Ezek nem, például, mint a fegyveres! vagy ezeket a dolgokat. Hadd dob egyet gyorsan.
Igazából, itt van egy érdekes.
Ezt fejlesztette ki a diákok dolgoznak partnerség NERD.
Teljes képernyős alkalmazás, az ilyen jellegű tapasztalatokat itt.
Ó, szép vágott képernyők és mindenféle szórakoztató dolgokat.
Ők fejlesztették ezt. Akár azt is mutatják az egészet, miközben már itt tartunk.
Ami azt illeti, én dolgoztam velük egy kicsit, adott nekik néhány tanácsot a dolgokat
mert csinálnak JavaScript alkalmazásáról.
Kérlek, én nem beszámítva a munkájuk, ők minden munkát.
Adtam nekik egy kis tanácsot itt-ott,
de nem valami nagy dolog használatával JavaScript front-end
és árukapcsolás néhány fizikai motor, és a dolgok, hogy sok ez a munka.
Go. Lássuk, hogy működik.
Wow, még mindig működött. Rendben, jó. De az ötlet.
A teljes képernyős alkalmazás, egy igazán jó élmény.
Ez támogatása nem csak az egér és a toll, ha van ilyesmi, hanem érjen.
Ha lenne egy érintőképernyős, én is csak felhívni rá, és folytathatja a munkát vele.
>> Egy dolgot nem mutatott, és hogy miért hozom ezt fel
hogy én akartam, hogy egy app, hogy mutassa meg, mit tehetünk,
akkor valóban venni alkalmazások Windows és húzza őket az oldalon a képernyő.
Ezt nevezik harapós egy alkalmazás.
Ebben az esetben, vettem Inkarus és én hozzá, hogy az oldalon állunk.
Ez most a Snap nézetben, és amely lehetővé teszi számomra, hogy valami mást, miközben az alkalmazás van.
A legtöbb játék talál majd egyszerűen megáll.
Ez általában egy tisztességes dolog, kivéve, ha a játék valahogy kicsinyíteni
az, hogy kicsi a felbontás, mint esetleg valamilyen társasjátékok
vagy ilyesmi alkalmanként.
De általában, a legegyszerűbb dolog, és a legmegfelelőbb dolog játékok
hogy szünet az alkalmazás.
Az olyan alkalmazások, mint a hírek apps, ha indítani ezt, és aztán pattintsa,
látni fogja, hogy valóban változik jelentősen, hogyan is bemutatja az adatokat az Ön számára.
Itt megmutatja neked tényleg egy függőleges pan, hogy az információ,
de még most is teljesen használni az alkalmazást.
Tehát ez még mindig nagyon hasznos.
Az a tény, hogy ez egy kisebb céllal nem tart engem attól, hogy kb. Tehát gondolj rá.
Ez valami olyasmi, amit kell, hogy a apps tennie bizonyos mértékig,
de ez rajtad múlik, hogy meghatározza, hogy a funkcionális apps kell
az a fajta, hogy egy kisebb környezetben.
Hadd zárja azt le, és menj vissza, ahol voltunk itt.
>> Edwin, meg hozzá egy fotó rólam már? >> [Guarin] Igen. >> [Bowen] Nézd meg ezt.
Látod? Edwin hozzá egy fénykép. [Nevet]
>> Menjünk vissza ide, a Visual Studio. Hadd indítani ezt neked.
Tudtam volna rákattintottam a lapkát, hogy a Start képernyőn.
Ez hozott vissza Asztal módot, és ez indít a desktop app a Visual Studio.
Ez a Windows, hogy már tudja.
Tudok menni előre, és hozzon létre egy projektet itt.
Majd összpontosítani újra JavaScript, HTML.
Én megyek, és válassza ki itt alatt a JavaScript, a Windows Store.
Van egy sor sablonok segítségével.
A termelékenység, azt ajánljuk, hogy vessen egy pillantást néhány ilyen más is itt
mint a rács és a Splittől.
Ők igazán hasznos, ha a kérelem benyújtására
ez megy, hogy ez a fajta design és a navigáció. Majd ezeket a sokat.
Az egyik én csak azt mutatta, hogy valójában egy példánya a grid alkalmazás.
Tehát, ha azt hiszed, hogy lesz, hogy egy hír app, vagy egy RSS-olvasó
vagy valami ilyesmi, hogy foglalkozik a többszörös adatokat, amelyek meg szeretné mutatni a részleteket,
gondol használ egy ilyen sablonok az induláshoz gyorsan
és testre onnan.
De csak azért, hogy mutassa meg az összes mozgó alkatrész van
Fogom létrehozni az üres alkalmazást, majd elmegyünk egy kicsit mélyebbre a részleteket.
Csak így, hogy az üres alkalmazást.
Ez létre fog hozni az egész projekt számomra.
Kinyitom a dolgokat, hogy azt akarom megmutatni, alapértelmezés szerint.
Hadd nagyítani egy kicsit, hogy mutassa meg, mi teremtett minket.
Azok a dolgok, hogy fogsz nézni először minden default nevű.
Szóval fogsz keresni default.html, default.js és default.css.
A másik dolog, hogy rámutatni, hogy már van egy utalás, amit már korábban említettem.
Ez WinJS. Senki valóban hívja ezt a hosszú nevét.
Ez WinJS, Windows könyvtár JavaScript.
Ha nyisd ki, akkor láthatjuk, hogy minden itt van.
Van különböző CSS fájlok, ott JavaScript.
Azért van ott, hogy segítsen ki.
Ez tényleg ott van, hogy az ellenőrzések és a stílusok és dolgokat, hogy akkor csak használja automatikusan.
De ismétlem, ha van dolog, amit szeretne használni, hanem mind a stílus és egyéb ellenőrzések,
ez teljesen rajtad múlik. Megmutatom, hogyan kell használni egy pár ilyen dolog most.
>> Visszatekintve rá a bal oldali, hadd mutassam meg az alapértelmezett HTML oldalt.
Már láttam a WinJS dolgokat, és ez tényleg minden, ami folyik ott
azokkal közepén vonalak jelölés, csak hozza a CSS alapértelmezés
és így egy-két JavaScript fájlokat WinJS.
Nem kell, hogy mestere, mi folyik odabent a fájlokat.
Ez elég érdekes, hogy vessen egy pillantást rájuk, hogy milyen vizsgálja felül, hogy mi folyik ott
mert elég érdekes, középhaladó és haladó technikákat folyik ott,
de a szép dolog, hiszen a fejlesztők, akkor csak kihasználják őket, csak használja őket
, és nem igazán kell aggódnod.
Akkor is autót anélkül, hogy tudjuk, hogyan működik, ugye?
Szóval ez az a fajta dolog, ami folyik itt.
Van ellenőrzések és stílusokat, meg ilyesmi, hogy ha csak megy előre, és használata
és a kód, melynek segítségével a második anélkül, hogy tudja, mi van benne.
Itt vannak a saját fájljait.
Ezek azok a helyek, amelyeket Ön módosíthatja a saját CSS
és a saját JavaScript dolgokat gördülő.
Nem lesz hozzá természetesen más JavaScript fájlokat és talán más CSS fájlok
mivel a projekt növekszik, de ez tényleg csak egy kiindulási pont.
Itt a Hello, world megfelelője HTML, szóval vissza a body tag.
A legfelső, az út, ez a HTML5 doctype,
így akkor felismerik, hogy abból, amit már dolgozik.
Van teljes IntelliSense itt is, így ha olyan dolgokat, mint írja a video tag
és bővíteni, hogy ki, akkor már valószínűleg értesült a tény,
, amit meg kell tennie, tartalék kódolás videó címkék HTML5 - vagy lehet, hogy -
annak érdekében, hogy a különböző böngészők támogatja a videó.
Van a dolgok, mint ez az egész a HTML, az egész JavaScript, az egész CSS.
Ez a beépített, és megmutatom CSS a második.
Itt akkor megy előre, és elkezd módosító kódot, a jelölést.
Sőt, mielőtt változtat semmin, fogom futtatni ezt, és mutassa meg, mit kap.
Fogsz kapni egy splash képernyő, amely segítségével testreszabhatjuk
és akkor kap a Helló, világ tapasztalata van. Ez fantasztikus, nem?
Menj előre, és a hajó, igaz?
Content megy itt. Ez az alapvető dolog.
Ez csak jobb lehet onnan.
Megyünk előre, és adjunk hozzá néhány dolgot.
Van egy kis jelölő fogok másolni itt
csak azért nem kell nézni engem gépelés.
Hadd menjek, hogy ki a Toolbox itt, és én pin, mert én leszek ezt egy párszor.
Toolbox, ha még nem látta a Visual Studio, hol fogsz találni egy csomó ellenőrzéseket.
Azt is fel kódrészletek bele, hogy lehet újra.
Itt én csak pop néhány más HTML, semmi szörnyen fejlett egyáltalán itt.
Ez csak az alapvető HTML azt mondom, van egy input ahol beírhatja,
Van egy gomb, ahol tudok be, és aztán van egy div, ami lényegében egy helykitöltő
hogy tudom használni, hogy kiírja a "Hello, akkor írja ezt."
Ez az intro HTML példa.
Ha én vezetem ezt, akkor automatikusan megkapja a HTML-t, de mi is automatikusan megkapja stílus.
Ez az egyik legfontosabb dolog a WinJS.
Meg fog adni alapértelmezés néhány pillantást, és úgy érzi, hogy nagyon következetes
a többi, amit a Windows 8 csinál.
Itt látod a dolgokat, mint a gombot.
A gomb alapértelmezésben HTML nem úgy néz ki, mint ez, de nem itt
mert, hogy egyre CSS rögtön, hogy a CSS fájlt WinJS.
Ha szeretné használni valami mást, ha meg akarja változtatni, hogy teljesen rendben van,
megy előre, és tedd azt, amit szeretne. De ez az alapértelmezett.
Ez lesz, hogy jobban ismerik a felhasználók.
És persze ez nem fog tenni semmit, mert valójában nem kössük fel bármilyen kód
válaszolni, hogy az. Ez csak a HTML.
Szóval lehet megszabadulni, hogy és mi jön vissza a kérelmet.
>> Hadd kapcsoljon át a default.js.
Ez úgy néz ki elég bonyolult, de ez csak csinál egy pár dolgot az Ön számára.
Ez boilerplate. Ez lesz azonos minden a projektek.
Az egyetlen dolog, amit ez csinál, az csak egyfajta kérdezi: "Hogyan kerültem ide?"
és azt mondja: "Te indítja el az app az első alkalommal?"
"Te folytatása az alkalmazást miután azt felfüggesztik?"
Egy pár ilyen dolgokat.
Valóban, a hangsúly ez a fájl itt van igaza itt.
Ezen a ponton, ez a vonal a kód is nagyon fontos.
Ez tényleg fog menni, és nézd át az összes jelölések,
és ez megy, hogy a dolgok, hogy már kérte, hogy vált ellenőrzés,
mélyebb ellenőrzések, mint a minősítés szabályozás, mint a rács nézetet, mint a leporelló
és az más dolog, hogy megmutattam neked, hogy dia előtt.
Ők nem őshonos HTML ellenőrzéseket.
Csak nem mondom leporelló, mint egy elem, és azt tudom, mit tegyek.
Amit valójában ugyanaz a dolog, ami történik, más típusú kontroll keretrendszerek.
jQuery UI nem ugyanolyan általános megközelítést.
Használja jelölések a HTML, majd néhány JavaScript jön át később, és azt mondja,
"Ó, én tudom, mi az. Hogy kér ezt kell alakítani ezt a dolgot,"
amely más sokkal kifejezőbb a HTML, hogy, mint egy értékelés ellenőrzése,
ami pedig megmutatom most.
Ez a vonal a kód egy olyan ígéretet, hogy azt mondja: "Amikor ez az ígéret teljesül,
"Minden, amit kért ezt követően jött létre."
És ennyi. Úgy néz ki, egy kicsit bonyolult, de ez tényleg ugyanaz minden projektben.
Itt lent, ahol meg lehet kezdeni hozzátéve bármi mást szeretne, hogy megtörténjen,
így jövünk vissza, hogy a második.
>> Először is, szükségem van egy kis kód, amely képes reagálni az a tény,
hogy valaki rákattintott a gombra.
Én megyek előre, és tedd, hogy itt lent.
Megint nem fogok tenni minden gépelés előtted van.
Nagyon alapvető JavaScript csak azt mondom, ha ezt
mi lesz néhány részletet arról, hogyan került ide
majd fogunk csinálni néhány alapvető dolgot.
Keresd meg a dolog, az én HTML oldalt nevű nameInput,
fogd meg, hogy annak értéke, pofon "Hello" az előtte, és tartsa, hogy az így kapott szöveget
abba a div tag, hogy mi volt azelőtt, hogy tényleg nem volt semmi előtt.
Most fogjuk találni, hogy a tag, és a belső tartalmat egyenlő, hogy a húr.
Nagyon egyszerű JavaScript.
Remélhetőleg te elismerve, hogy ott tényleg semmi szokatlan folyik itt.
Ez csak egyenesen a HTML és JS itt.
Ha futok ezt most, ez még nem fog csinálni minden munkát, mert nem vezetékes fel
hogy megkapja az esemény.
Ehhez fogom tenni, hogy itt van, újra visszatér az eszköztár,
Kiveszi itt.
Gondolom, láttam az összes ilyen dolgot korábban, úgyhogy nem túl megmagyarázni.
Most fogunk menni, hogy a helloButton.
Fogunk mondani: "Button, gratulálok."
"Itt egy olyan esemény, hogy most reagál."
"Ha valaki rákattint az Ön számára, hívja ezt a funkciót, a buttonClickHandler."
És ez az, hogy a funkció már csak ki egészen az alján ott. Ennyi.
Tehát most van egy hihetetlenül funkcionális alkalmazására.
Azt hiszem, hogy nagyon lenyűgözött ez.
Chris. Várjon meg. Wow. Oké. Ez csodálatos. [Nevet]
De ez nem minden. Ne vedd meg még. Várjon.
>> Hadd mutassam meg egy kicsit itt, és kijutni a teljes képernyőn.
Fogunk járni, mielőtt futni.
Hadd menjek és valóban azt mutatják, hogy egy kicsit a CSS.
Csak alapértelmezés szerint, ha visszatekintünk az oldalon van,
amikor csak húzta az ezeket a dolgokat WinJS és mi van az ui-sötét,
Sőt, meg lehet változtatni az alapértelmezett fénnyel alkalmazás.
ui sötét jó grafikus alkalmazások, mint egy csomó képet,
akkor mutatja a sok vizuális tartalom.
Ha mutatja a sok szöveges tartalom, az ui-fény általában jó választás.
Nem kell választani, de én váltott meg
és most látta ugyanazt a jelölést, minden ugyanaz,
ez csak a tulajdonképpen egy fordított rendszer itt
ahol minden így fekete szöveg fehér.
Ez mind szép és jó.
Hadd ide, és hagyja, hogy a ténylegesen egy kicsit a CSS.
Majd tedd vissza a sötét, mert úgy gondolom, hogy talán jobban látható a képernyőn
amikor elkezdek Ezeket a dolgokat.
Fogom cserélni a test még egyszer.
Megyek itt. Hadd nuke ezt.
Nézzük, hogy a szervezetben az osztályok.
Azt hiszem, tettél alapvető választók CSS és hasonló dolgok már,
így valószínűleg tudja, hogy mi folyik itt.
Csak hozzárendelése egyes osztályok a fejléc, és mi egy új div
hogy betakar a többi, hogy a dolog, hogy most már használni, hogy stílust együtt.
Szóval, mit tehetek most menjen át, hogy alapértelmezett CSS.
Megnézted a média lekérdezések már? Beszéltél erről egyáltalán?
Media lekérdezések része a kialakuló trend -
vagy ez egy megalapozott trend most már valóban a weben -
az érzékeny tervezés és adaptív,
és az ötlet is, hogy az alkalmazások igazán beállítani magukat megfelelően
annak alapján, amit a készülék, hogy ők látható tehet.
Tehát, ha egy mobil eszköz, nyilván nem fogod, hogy annyi képernyő ingatlan
mint te egy nagy 30 hüvelykes monitor ül egy asztal, egy nagy PC, mint ezt.
Tehát a régi válasz az lenne, hogy 5, 6 különböző változatait ugyanazon az oldalon
és azt megnyitja a verzió, amit már hangolt, hogy bizonyos méretű képernyőn.
Nem jó. Ez nagyon, nagyon ismétlődő és van egy csomó karbantartási erre.
Most már úgynevezett CSS media lekérdezések,
és tudjuk használni ezt automatikusan érzékeli, ha vannak bizonyos méret
vagy bizonyos felhasználási tartalmat folyik.
Szóval lehet válaszolni, hogy és akkor azt mondja: "Jól van, ebben az esetben
"Akkor valószínűleg nem is kell, hogy mondjam, hogy mi folyik itt."
Ez csak azt mondom, ha ez az alkalmazás csattant, ahogy mutattam, mielőtt -
megragadta és megvalósítják azt az oldalon a képernyő -
akkor hadd tegye a következőket stílus.
Stílus nem csak a színek és ilyesmi.
Ez is a méret és margók és közbetétek és irányok a tartalom
vagy letiltása vagy lehetővé teszi a teljes részeit az oldal
és ebben az esetben, az alkalmazás vagy a játék is.
Tehát itt meg tudod csinálni olyan egyszerű, mint szeretnénk.
Ez nem lenne hasznos az alkalmazások, de demo idő,
úgyhogy megyek előre, és add hozzá az alapvető testi választó, és azt mondják,
"Amikor én csattant fel, menjünk előre, és nem background-color és menjünk választani valamit."
Van IntelliSense itt. Ez tényleg nagyon klassz.
2012-ben már hozzá egy csomó dolgot CSS és a JavaScript és a HTML.
Már persze van legördülő IntelliSense is, de nem ez a jó dolog.
A jó dolog az, ha megvan a vizuális választók egy csomó dolgot is.
Szóval lehet átmenni, és csak válassza ki a színt,
vagy mehetsz, és még ennél is pontosabb, és akkor lehet választani -
ez lesz szörnyű. Én tulajdonképpen válasszon egy tisztességes színt itt.
Nézze meg a jelölés is, mellesleg. Ez az RGB szabványos formátum is.
De ha váltani a homály, ez lesz áttérni egy alfa-csatorna választó itt.
Tehát látható, hogy a szín alapvetően a százalékos átláthatóság, hogy van az, hogy
Minden sült jobbra van.
Fogom tartani, hogy 100%-os, és amikor végeztem, hogy minden szép és jó.
Most, ha fut az alkalmazás, és vesszük a app és pattintsa,
háttérszín alatt automatikusan beállítja a
csak azért, mert van néhány CSS, hogy azt mondja: "Menj csinálni."
Ön is tud írni JavaScript is, hogy nem ugyanaz a dolog
vagy azt, hogy lehet használni, hogy valóban szünetelteti a játékot, nem ilyesmi.
Ez valószínűleg, amikor azt JavaScript.
Akkor kapcsolja ki a játék, loop ezen a ponton.
Akkor kell egy kis JavaScript, mivel ez nem lenne valami, amit CSS.
De ne feledje, ez csak egy esemény.
Azt is mondhatnánk, "Amikor a alkalmazás átméretezi,
"Lássuk, mi csattant." És ennyi.
>> Oké? Már beszélt sokat. Vannak kérdések eddig hol vagyunk? Igen.
[Diák] Van egy tutorial, hogy bárki, hogy minél több információt? >> Igen.
A kérdés az, van egy tutorial ez? Én csak kiterjeszti azt a mindent.
Van néhány dolog, amit lehet menni. Nézzük valóban el innen.
Hadd menjek vissza ide.
Egy dolog rámutatni, Visual Studio maga oktatóanyagok építettek be
Hadd megszabadulni ez.
Ha megy, és hozzon létre egy új projektet, ne File, New Project,
, és nézze meg a bal oldalon van egy online csomópont ebben a választó.
Ez fog tartani egy kicsit. Én vagyok én MyFi itt.
De ez meg fog jönni, és ez fog adni nekem egy esélyt, hogy megtalálja sablonok
hanem, ami még fontosabb, a mintákat is.
Szóval kattintva JavaScript.
Meg fog találni mintákat nekem. A felbontás út nagy itt.
Általában, akkor megjelenik egy lista a sok különböző dolgokat.
Ha van valami, amit szeretne kipróbálni, felvenni a nyelvet,
JavaScript itt, és azt mondják: "Én nem tudom, hogyan kell csinálni helymeghatározás."
"Nem tudom, hogyan lehet megnyitni a fájlt."
"Nem tudom, hogyan kell kihasználni a webkamera
"Vagy optimalizálni a kapcsolatot, vagy ilyesmi."
Vannak minták minden: megosztás, keresés, app bárok,
hogy a távoli hívások szolgáltatás, JSON kódolás.
Minden ilyen jellegű dolgok vannak minták itt,
és ők nem nagy mintákban fog tartani egész éjszaka, hogy húzza szét
csak meg, hogy az egyik dolog, amit meg akartam tanulni.
Ők nagyon jó. Kicsik, rögtön a tárgyra fajta minta.
Megtanultam egy csomó megy keresztül, ezeket magam,
ezért azt ajánlom, hogy sokat, mint egy dolog.
>> A másik dolog, hogy rámutasson is természetesen én mutattam dev.windows.com,
Tehát, ha megy vissza, hogy látni fogod az alján ott van még a minta itt.
Így lehet letölteni mindet egyszerre, de van még egy csomó más források itt is
, amely segít, hogy a sebességet.
>> Egy másik dolog, és én nagyon ajánlom, hogy próbálja meg ezt,
Megvan a blogomban, de én csak jobbra hozzá.
Megmutatom. A blog erőforrások és hasonló dolgok.
Az egyik dolog, hogy rámutasson, itt van, ez a dolog: te ötleted volt. A kb. 30 nap.
Ha rákattint erre, ez lesz az, hogy ha egy nagyon hasznos oldal.
Ez sokkal hasznosabb, mint az várható.
Ez lesz a 30 napon tartalom, amit alapvetően kap tippeket és trükköket
az egész folyamat, mint te létre egy app.
És lehet, hogy nem várható, akkor tényleg kap ez a játék is
és a telefonos alkalmazások, ilyesmi.
Tehát alapvetően iratkozzon fel, és ők fognak küldeni Önnek tippeket és trükköket,
"Gondolt már ezt? Ön támogatja Snap?"
"Íme néhány iránymutatást, hogyan kell csinálni, hogy az is."
"Gondolt már benyújtásának a boltba?"
"Gondolt már arra, hogyan fogsz eladni az alkalmazás?"
Ez lesz a séta ezeket a különböző dolgokat.
És valóban, ha a játék pályán, egy bizonyos ponton
akkor elismerjék a személy beszél hozzád
mert tényleg kellett mennem Redmint hogy nem azokat és a rögzített 2 videó is.
De ez mind része a játék pálya,
és van is egy teljes pálya általános alkalmazás fejlesztése.
Ezt hívják Generation App.
Azt ajánlom, hogy az Ön számára, valamint amellett, hogy a mintákat.
>> Van egy csomó videót egy telek hívott 9-es csatorna is.
Ez valószínűleg az utolsó dolog, én ajánlom is, mielőtt lépni itt.
Channel9.msdn.com.
Ez jó, mert nem lesz olvasás révén tonna fehér könyvek.
Ez alapvetően egy csomó videót, screencasts és a dolgok, hogy igaza van a lényeg.
Én nem mondom, hogy mindig igaza van, hogy a lényeg. Attól függ, aki ezt a szót.
De általában, van néhány igazán to-the-ponttal videók itt
amely megmutatja, hogy valami különös dolog, amit érdemes tanulni, vagy látni demoed.
Van még minden a tartalmat a konferencián, ami történt, a pár héttel ezelőtt
nevű Build, és látni fogod, hogy ott.
Van Core technológia a Windows 8 játék. Tessék.
Én is ott voltam, valóban. Nem látsz engem. Voltam itt.
De egyébként is, hogy félre, azt javasoljuk, hogy nézd meg azokat a videókat.
Ők elég hasznos.
Ha elakad valami, vagy csak azt, hogy mi valamit is tenni, tűz fel azokat.
>> [Guarin] Windows Mail csak küldött nekem egy e-mailt egy linket a tartalomhoz
a diákok letölthető minta kódot, és ilyesmi. >> [Bowen] Nagy.
Félelmetes. Köszönöm, Edwin.
>> Jó. >> [Diák] Van egy kérdésem. >> [Bowen] Oh. Igen, kérem.
[Hallható hallgató kérdés] >> [Bowen] Ó, örülök, hogy megkérdezted. Igen.
A kérdés az volt, van-e vizuális interfész számomra, hogy hozzon létre a dolgokat?
Edwin megjutalmaz benneteket szépen a kérdést.
Van egy módja ennek.
Ha mi most? Csináljuk meg most.
Én megyek, hogy most azonnal.
Ami azt illeti, hadd tegyem hozzá, az egy dolog, hogy ez a demó,
majd én megmutatom a tényleges választ.
Úgy volt, hogy adjunk egy kicsit CSS itt.
Én egy kicsit le érintők itt.
Hadd tegyem néhány CSS ide, hogy kihasználják
Az osztályok, adtunk egy kicsit ezelőtt,
hogy a fejléc, a Maincontent div, majd a greetingOutput.
Ha én, hogy és fuss, akkor láthatjuk, most van egy kicsit más padding és margók,
így ténylegesen egy kis kompenzáció itt.
Ezek a több felé mit fogsz számíthat a végleges csiszolt alkalmazás.
De én csak mutatja ezt, mert ez egyenesen CSS.
Tehát a dolgok, hogy már tudod használni itt, hogy állítsa be a tartalmat, amit szeretnék.
Már láttuk, hogy ahhoz, hogy a háttérben változtatni, hogy így.
>> Ha visszamegyek ki, hogy a HTML, fogok hozzá még egy sor jelölő,
és ez valóban lesz egy vezérlő a WinJS.
Én megyek, és fogd ezt, a címkét. Engedjék meg, hogy biztos, hogy csinálom, hogy a megfelelő helyre.
Valószínűleg elég jó.
Itt már csak hozzá - és már megyünk is teljes képernyőn, így láthatja, az egészet -
Adtam egy címkét a következő div.
A div hívják ratingControlDiv.
Önmagában ez nem tesz semmit.
Ha megnyitjuk ezt a böngészőben, azt nézi üres, a div is.
Hanem azért, mert a titokzatos kódsort, hogy megmutattam neked,
a folyamat is, hogy fog keresni valamit, ami úgy néz ki, mint ez -
adat-win-kontroll - és ez meg fog találni, amit abban a paraméter.
Úgy megy, hogy egy példányt bármi legyen is ez mutat.
Ebben az esetben ez a minősítés szabályozás, így azt mondom, "Kérem, menjen és cserélje ki ez a dolog
"Az, amit meg kell tennie, hogy a minősítés ellenőrzés."
Ez lehet egy flip-szabályozás, lehet, hogy a haladás gyűrű vagy bármi szabályozás használni kívánt.
Mind fog működni lényegében ugyanúgy.
Te szabványos HTML5 jelölő jelzi, amit akarsz,
és akkor fogsz kapni egy ellenőrző végén ezt. Hadd futtatásához.
Én csak másolt, hogy, és most, hogy jelölő lesz ez,
ami valójában elég sok HTML elemek.
Ezek mind az egyes képeket, és van divs körülöttük a választók.
Remélhetőleg akkor láthatjuk, hogy a. Ez egy kicsit finomabb.
Én lebeg át a különböző tételeket, és ez fog engedje meg, hogy nézze meg a itt.
Én is kattints rá, és emlékszik a minősítés, de ennyi.
Ez nem igazán tesz semmit a szavazatokat.
>> Az egy utolsó dolog, amit szeretnék megmutatni neked ezt a
mielőtt váltani egy vizuális tervezési tapasztalat
egy kis kódot, hogy tudom használni, hogy válaszoljon ezekre WinJS ellenőrzéseket.
Hadd el onnan, vissza a teljes képernyőn,
és kapcsoljon át JS itt a második.
Meg tudom csinálni itt. Azt hiszem cserélni ezt az egészet.
Igazából, azt hiszem, ez lesz helyettesíteni az egészet, de majd meg együtt.
Beteszem itt. Igen. Fogom törölni ezt is.
Mit adhatok hozzá? Úgy néz ki, mint egy nagy. Ez nem sok.
Én csak kiterjesztette, hogy a sort, hogy már beszéltünk korábban,
és azt mondom: "Amikor minden kész, amikor minden az én ellenőrzést végeztek,
", Akkor erre a célra." Így majd futtassa ezt a funkciót hívják befejeződött.
Ebben az esetben ez a dolog lehet kitalálni.
Keresd meg, hogy a div ellenőrzés.
Ami azt illeti, van egy dolog, amit meg kell rámutatni.
Ez a következő sor valójában azt mondja, "Van, hogy ratingControlDiv."
"Szeretnék beszélni vele, mintha egy igazi ellenőrzés, a WinJS ellenőrzés."
Tehát alapvetően, kérded, hogy belőle.
Azt mondja: "Azt akarom, hogy beszélni, mint a kontroll."
És akkor elkezd ilyeneket mond, "Mi lesz, hogy adjunk egy hallgató az Ön számára
"Ha tehát változtatni tudunk válaszolni erre."
És akkor mi is a dolgok, mint ez. Valójában, ez a régi kódot is.
Azt hiszem, én vagyok a hiányzó beillesztés még egy funkció,
és ez lenne a tényleges funkció, amely megfelelne a minősítés vezérlő, hogy megváltozott.
Hadd pop, hogy itt lent,
valahol ott.
És ebben az esetben, az egyetlen dolog, ami új, az a tény, hogy megyünk bele
mi a névleges vezérlő azt mondja, és kérünk úgynevezett a tentativeRating.
Van egy csomó különböző más dolog, hogy az ellenőrzés lehet mondani,
és megy ellenőrzés ellenőrzés.
Ez nagyon egyszerű. Ön képes lesz arra, hogy kitaláljuk gond nélkül.
Én vezetem ezt, és most, amikor tudom megváltoztatni a minősítések és kattintson a kategória,
láthatjuk, most már tényleg válaszol rá.
Ez azzal, hogy e minősítés a képernyőt, hogy egyébként üres div tag
alatt a minősítés ellenőrzés.
Ez a varázslat egy csomó dolog itt is.
Tehát ahogy te létre alkalmazásokat a Windows Store,
van egy csomó ellenőrzési, amit csak használni. Mindannyian dolgozni.
>> Hadd mutassam meg a vizuális oldalát tervezése ezekhez az alkalmazásokhoz.
A jó hír az, akkor már ezt az eszközt, amikor telepíteni mindent
Ha megy, hogy letölthető, és kapsz Visual Studio.
Én jobb klikk erre. Nem fogok nagyításhoz
Csak azt mondja Megnyitás Blend.
Blend egy másik eszköz, ami működik egymás mellett a Visual Studio
és elsősorban sokkal inkább a tervezési oldala a dolgoknak,
így tényleg felületek eszközök vannak optimalizálva létrehozására stílus,
létrehozása animációk, dolgozik CSS, egy csomó dolog, hogy ilyen véna.
Itt mit kell nagyon érdekes, és elég nyilvánvaló, azonnal a mi nézi a kb.
Remélhetőleg még mindig.
Ahelyett, hogy kódot, amely még mindig nem látni az alján,
látjuk a tényleges képviselete az alkalmazás.
Mi több, ez nem csak egy ábrázolása a app, valójában az alkalmazás fut.
És ez az, ami igazán szép a Blend.
A csapat sokat tett a munka, hogy a HTML és JavaScript és CSS be ezt az eszközt.
Most már tényleg, ha kíváncsi vagy, "Mit jelent ez? Mit tehetek?"
Én valóban tervezni, hogy ez az alkalmazás, bár ilyeneket nem léteznek a jelölést.
Ne feledje, hogy a hitelminősítő szabályozás? Csak egy div tag.
Ez a cucc, hogy csillag, csak akkor létezik futásidőben. Honnan tudom ezt?
Van egy kis varázslat itt.
Látod ezeket a villámok?
Minden alkalommal, amikor megjelenik egy villám, ami azt jelenti, hogy jött létre a valami futásidőben.
Néhány JavaScript futott és be valamit ebbe, vagy létre ezt némi logika.
Azok a csillagok, hogy látod, ott hozta létre a JavaScript WinJS.
A szép dolog az, hogy nem számít, én is tervezi azt,
Én is menni, és változtassa meg tudom kideríteni, mi folyik itt,
Azt nézd meg a CSS, tudok menni előre, és megtudja, miért a szín, ahogy van,
Tudok kezdeni Messiás dolgokat, és a dolgok szörnyű,
amit akarok.
Igazából, elmegyek a dolgokat egyedül.
De láthatjuk itt ez mind a CSS, és ez mutatja, hogy itt.
Ha felmegy oda, hogy fog mutatni neked mindent, hogy hívják nyerő,
így a CSS szabályokat, amelyek a leginkább jellemző, és a legtöbb kiválasztott az adott elem,
amit valószínűleg már ment át az osztályok,
ahol azt mondják, egy általános betűtípust, hogy mi minden területén alkalmazni,
hanem azért, mert ez egy H1, és van egy színes meghatározott H1S,
ez lesz ez a szín, és ez azért van, mert ez pontosabb, mint a body1.
Ez az egyik dolog, itt azt mutatja, hogy minden,
és ez tényleg nagy dolog kapsz bonyolultabb,
kíváncsi, hogy miért ezeket a dolgokat, ahogy vannak.
Ez valójában mondani, és akkor vedd a felsoroltak közül bármelyik itt.
Ez a szín nem túl rossz, valóban.
Megadhatja azokat. Remélhetőleg láthatjuk ezt.
Mert mindent, amit már az alkalmazás, akkor egy egész kaszkád
az összes CSS, hogy lehetett volna alkalmazni, hogy az, és melyik nyer,
melyik valóban volt elsőbbséget.
Ezek a fajta unalmas. Ott nem sok folyik néhány ilyen.
Ha megyek, és változtatni a színét, akkor majd látja, hogy néhány lépcsőzetes ott.
Ön is használja a HTML itt is.
Én megy keresztül, és módosítsa a HTML tulajdonságait mindezek a dolgok, ahogy szeretnék.
Már csak rengeteg cucc van.
>> Én nem akarom, hogy az idő megy keresztül itt minden. Csak tudom, hogy itt van.
Van egy csomó design-orientált funkciókat, ami csak elérhető az Ön számára
így marad a vizuális, a munka az alkalmazás, és nem kell sokat találgatás
, amit meg kell csinálni rendesen, és a kerékpározás vissza a böngésző vissza a design,
vissza a böngésző.
Ez nagyon jó dolog az, hogy az, és ahogy fejleszteni a Windows Store app,
ez megy, hogy ha egy sokkal hatékonyabb.
>> Azt is látni, hogy ez nyomon a jelölés itt és a CSS
ahogy dolgozik a különböző dolgokat.
Valószínűleg nagyon nehéz, hogy lásd, hogy különösen a video,
de ez az, mi folyik itt, és azt ajánlom, hogy megismerkedjen vele.
Ez takarít meg egy csomó időt. Ez a keverék.
Ha bármilyen változás van, akkor automatikusan fog folytatni vissza több mint
a Visual Studio.
Ez ugyanaz a kép, ez ugyanaz minden. Elmegyek egyedül.
Nekem van egy jobb példa, amit szeretnék megmutatni.
De ha csináltam változás ott, és megmentette, és jöttem vissza a Visual Studio, akkor azt mondaná,
"Hé, csak megváltozott valami. Tudok töltse be neked?" Igen.
És te ugyanazt a cucc van.
Ez a vége, hogy az adott minta.
>> Meg akarom mutatni, hogy a magasabb végén mintát csak hogy kilátással egyéb működési
lehet gondolkodni is.
Ez egy minta alkalmazás, amely lehet letölteni.
Ha megnézed az úgynevezett Windows Camp in a Box,
vannak olyan minták, amelyek az adott, és az egyik ezek közül a Contoso Cookbook.
Én csak vezetem ezt az Ön számára.
Custom splash screen. Ez az a Grid View alkalmazás.
Ők már kötött néhány egyéni adatait. Lehet navigálni ezen keresztül.
Mehetsz, és vessen egy pillantást a különböző dolgokat, hogy tesz bennünket éhes egy péntek délután.
Nem tudom. Mi folyik itt, hogy engem a leginkább éhes?
Nem tudom. Meg fogom felvenni egyet.
Menj be ezeket a dolgokat. Ez megmutatja a recept.
Te is, ahelyett, hogy kattintson egy elemet,
mehetsz jogát a kategóriába a tartalom, hogy részben a tartalmat.
Ebben az esetben, akkor olvassa el sok hamis Latin mondom szól ezeket a recepteket itt
, majd menj jobbra a speciális recept.
Ez is a dolgok, mint a közös, hogy megmutattam, mielőtt a képeket.
Ha ráklikkel ebbe alkalmazás is.
Ez nagyon egyszerű megtenni keresést.
Alapvetően, ha csak most egy sor szöveget a Windows
, és úgy dönt, hogyan kívánja kezelni a keresés, hogy.
Ez egy néhány sornyi kódot kap, hogy, és akkor mit csinál vele, azt követően, hogy teljesen rajtad múlik.
>> Itt is van egy app bárban, ahol ők segítségével néhány egyéb funkciókat.
Megmondom, mi van.
Az emlékeztetőt fogja használni az úgynevezett a pirítós értesítést.
Ez nagyon hasznos, hogy a felhasználó tudja, mikor minden történt,
mint egy alkalmazás lett telepítve, vagy valami befejeződött.
Ez is jó játékok is.
Ha van egy állandó világ, vagy a ranglistán, és a szolgáltatás, hosting, hogy
Lehet, hogy egy különálló gépen, ezeket a bejelentéseket lehet küldeni egy gép
és akkor is, ha a felhasználó nem használja a játék, játszani a játékot, vagy futó alkalmazást,
akkor is kap értesítést arról, ilyen jellegű események.
Szóval lehet mondani, hogy "A vár már elpusztult, vagy éppen elpusztult."
"Gyere vissza, és megvédeni azt", vagy valami ilyesmi.
Rákattint az értesítést, akkor menj jobbra vissza a játékba, és lehet játszani.
Tehát azokat a dolgokat segíthet igazán felhívni az emberek vissza a kb elég hatékonyan.
>> Van még támogatni ezt az alkalmazást használja a mikrofont, a webkamera,
Ennek video és fotózni.
Azt is pin másodlagos csempe.
Ez hasznos, ha azt szeretné, hogy csak a lap, hogy megy jogot, hogy bizonyos tartalmak.
Ebben az esetben, akkor megy jogot arra, hogy ezt a receptet.
Mindent én megemlíteni, én csak bemutató
mert dolog, amit gondol használ is.
A legtöbb esetben, ezek nagyon egyszerű a használata.
Én csak ajánlom hozza fel, hogy a minta felfedező
és talál egy mintát, amely megmutatja, hogyan kell csinálni.
Ez elég egyértelmű, hogy ezeket be a apps ott is.
>> Akartam mutatni neked valami mást, ami elég jó itt.
Én pillanat ez az alkalmazás, és én megyek vissza a Visual Studio.
Ez az alkalmazás fut. Ez fut a Visual Studio.
Meg tudom csinálni valami nagyon klassz dolog vele.
Igazából van egy lehetőség, hogy válasszon ki egy elemet,
és mehetek ide az élő alkalmazás, és azt mondhatom,
"Kíváncsi vagyok, miért Elkészítési idő egy kicsit világosabb szürke, mint maga a cím?"
Én kattintson rá.
Meg fog szinkronizálni, hogy vissza a Visual Studio,
és ez megy, hogy mutassa meg pontosan a generált tartalmat, amely abban a részében, a felhasználói felület.
Tehát ebben az esetben, ez a tétel-felirat és a h4 dupla konstrukció,
és valószínűleg elmondja, mit kell tudni, mert mint h4 belül összefüggésben,
ez lesz, hogy egy bizonyos fajta font.
De ha még mindig nem tudom, miért, én kattintva Trace Styles.
Én majd bontsa ki a szín és tudom kideríteni, hogy pontosan, hogy miért ez a szín nem a test színe
de valójában valami más.
Ez lényegében a dev eszközöket az Internet Explorer
olyan mértékben bevinni Visual Studio.
Ha már dolgozott a Chrome Dev Tools, Firebug, ilyesmi,
ilyen jellegű eszközöket, amelyek a böngészőben,
ez a fajta funkcionalitást bevitték Visual Studio
így valójában nem kell indítani a böngészőt és a munka ezen eszközök külön-külön.
Most van egy Windows Store alkalmazás éppen fut,
és lehet kezdeni húzza szét, és kideríteni, hogy a dolgok miért csinálnak, mik azok.
>> Én is ezt így is.
Tudok menni, és csak felvenni valamit már a jelölést, és megtudja, hogy mi az
az alkalmazás is. Azt hiszem, elment mindent.
Itt vagyok lebeg ezt. Tudom választani azt.
Ez lesz, hogy mutassa meg az aktuális futó alkalmazást, ha ez a dolog
hogy én most kattintson a jelölést.
Nagyon jó dolgok.
Ahogy te, hogy kitaláljam, mi folyik itt, és mi az a HTML csinál,
mit CSS csinál, ezt tartsd szem előtt.
Ne feledje, ez itt neked
és azt is, hogy a keverék tud dolgozni egy élő futó alkalmazás.
>> Az egy utolsó dolog, amit meg akartam mutatni, hogy ezt az alkalmazást -
By the way, azt mutatja, hogy delták a dolgok változnak is,
így meg lehet nézni a sárga kiemeli.
Ezek azok a dolgok, amelyek csak megváltozott a kérelmet.
De egy utolsó dolog. Azt akarom, hogy menjen vissza a Blend egy pillanatra itt.
Majd nyissa ki, Megnyitás Blend, ugyanabban app, minden ugyanaz.
Csak azt akarom, hogy mutassa meg a tapasztalat itt nem csak te megragadt a honlapon
nézi a dolgokat, kapsz alapértelmezés szerint futtatja az alkalmazást, és hagyjuk, hogy üljön ott.
Azt is bekapcsolni ezt a csinos kis ikon itt.
Úgy hívják Interaktív üzemmód.
Ha rákattint a. Ez lesz, hogy ki az alkalmazás.
Te nem a tervező módban már, szóval nem lesz kattintással dolgokat
változtatni funkcionalitás, de akkor valóban dolgozni az alkalmazás most.
Akkor kattintson keresztül, azt csinálsz, amit, kap egy receptet, hogy érdekel
vagy kategóriát. Menjünk ebbe a kategóriába.
Azt mondom: "Oké, itt van, ahol akarok tervezni."
Akkor kattintson arra a gombra újra, akkor viszi vissza a tervezési felületre,
és most meg tudod csinálni azokat a dolgokat, hogy én beszélek előtt.
Fogom tartani kattintással, amíg nem kap ez a kiválasztott, megtudja, a méretek,
megtudja, a HTML, akkor a CSS mert
a futó alkalmazás, egy későbbi részében a kérelmet.
Nagyon, nagyon hasznos. Megmutatom ezt neked.
Kérjük, tartsa szem előtt, ha keres a kódot írni ezzel a
mert ez fog menteni egy csomó gond, és ez nagyon jó dolog.
Ez elég sok minden, amit meg akartam mutatni, a Blend és a Visual Studio minden adott.
>> Bármilyen kérdése mindkét ezen eszközök?
Bármi egyáltalán? >> [Guarin] Van dolog, hogy ki, így a jó kérdés, jó dolog.
>> [Bowen nevet] Már látható, hogy a demók itt.
Azt fogom tenni, hogy az erőforrások oldalt, és kapcsolja be a kérdésekre most.
Ez az első utalás, hogy a Generation App telek a játék pálya és az alkalmazás pályán.
Iratkozzon fel azokat.
Nem kell várni a 30 napot, hogy a tartalmat.
Akkor kezdődik majd, és nézte a tartalmat, amit szeretnék.
Megértem az időkeretet lehet más, mint - [nevet]
Tehát amikor a Hackathon? Ez egy-két hét, nem igaz?
Tehát nem kell a 30 nap, hogy várjon.
Szóval igen, akkor iratkozzon fel, hogy majd csak elkezd húzza a tartalmat belőle.
Szintén a Dev és a Design Center.
És én nem említettem, de ott van még a Store Docs.
Ez lenne az után Hackathon ahogy készen állsz, hogy elkezd benyújtása az alkalmazások a boltban.
Van néhány hasznos iránymutatást itt néhány útmutatást arról, hogyan kell a dolgokat a boltba,
Néhány gyakori kérdés, hogy lehet, hogy utazás téged,
és ez a vége e források.
>> Szóval mi jár a fejedben? Van még valami, amit -
[Guarin], aki gondolkodik csinál egy Windows-app CS50? Cool.
[Bowen] Cool. Remek.
>> Bármilyen kérdése a dolog, amit eddig láttunk, és hogyan kapcsolódik ez?
Például, több időt tudtam venni egy játék, amit írtam
és az, hogy fut a böngésző, és csak egyfajta végig a folyamatot
hozza, hogy a Visual Studio, és így a Windows Store app.
Ez több időt vesz igénybe, mint amit valójában tartalmaznia kellett ma,
de a rövid változat az, hogy ez ugyanaz a kód, hogy már fut a böngészőben,
és a dolgokat, hogy megváltoztatja a dolgok, hogy úgy dönt, hogy csatlakoztassa a Windows 8.
Tehát, ha szeretné használni varázsa, ha meg akarja keresni, vagy megosztani,
létre kell hoznia egy app bar elrejteni el néhány funkciót rá, hogy,
ezek a fajta dolog, amit meg fog változni.
De a lényege a web app maradhat érintetlen.
Ismét, amíg működik az IE10, akkor lesz egy nagyon egyszerű port
, hogy a cucc a Visual Studio, a Blend, és ez egy Windows Store app.
Ismét az egyetlen dolog, amit meg kell tanulni, azok az egyéb funkciók
hogy tudod használni, hogy kigyullad egy alkalmazást, mint egy élő csempe és ilyen jellegű dolgokat.
>> Igen. >> [Diák] A kérdés az, működik a mobil.
Tehát, ha egy olyan alkalmazás, amely működik, mint egy app az asztalon,
ez tényleg könnyen át, hogy a mobil, vagy van egy -
A kérdés az, ha egy Windows Store app, ami valóban optimalizált ebben a környezetben
és azt akarom, hogy azt a mobil világban, mi szó csinál ez?
Ez, mint a sok kérdés, mindig egy állandóan változó választ.
A jó hír az, ha kitart a HTML és a JavaScript, CSS,
ha kezdő a Windows Store app,
ez hagyom, hogy hozza azt a Web
majd ilyen jellegű technikák, mint a média lekérdezések és a dolgok,
alkalmazkodni a különböző méretű készülékek.
Igaz, mindig keretek és a dolgok ott
hogy a támogatás kiterjesztése meg a különböző technológiák különböző platformokon.
Ez állandóan változik.
Mi is változnak a dolgok, valamint megnézzük felé, mi van most
valójában ki a Windows Phone 8.
Van néhány közös alapvető infrastruktúrák
kínált alkalmazások között azoknak környezetben.
Tehát a dolog, hogy mit csinálsz, hogy hozzon létre egy Windows Store app,
sok, amely képes több mint egy Windows Phone 8 alkalmazás is.
Ez ismét egy feltörekvő történet, így van némi tartalmat erről a Build.
Az SDK most jött ki egy kicsit korábban. Ez csak megjelent egy kis ideje.
De mind az egyéb platformokon is,
akkor valószínűleg befut sok cross-platform kereteket is.
A jó hír az a dolog, hogy csinálsz itt,
az alapvető funkciókat egyenesen felfelé web általános dolog.
Az egyetlen dolog, ami nem fordítja egyszerűen azok a dolgok, hogy a Windows 8 nem,
de ez nem meglepő, mert ez egy Windows-szolgáltatást.
Nem fogsz találni megosztás vagy hasonló jellegű szerződések minden platformon.
Tehát ezek azok a dolgok, amit szeretne, hogy egy tervezési szempontból
győződjön meg róla, hogy a módját, hogy olyan elvont, hogy ki, így mondhatjuk,
"Ha futok erre, meg tudom csinálni."
Ha én nem vagyok, van néhány tervezési minták segítségével olyan elrejteni a cucc van.
De hogy tartsa szem előtt. Igen. Bocsánat. Rajta.
>> [Diák] Ha azt akarom, hogy teszteljék a Windows-alkalmazás tetején [érthetetlen]
[Bowen] Igen. Kihagytam egy dolog is. Igen.
Én válaszolni a kérdésre az első, majd megmutatom a funkció elfelejtettem megemlíteni.
Nekünk van egy kis gép áll rendelkezésre helyben. Sajnálom.
A kérdés az volt, hogyan tudom tesztelni dolgokat eszközök
ha nem történik meg, hogy egy csomó dolog közül lehet választani?
[Guarin] Mi kölcsönzött srácok, azt hiszem, 5 vagy 6. Hány van szüksége?
[Diák] Kaptunk 4 őket. >> Oké. Van nálatok 4 listás játszani körül.
Tehát mindenképpen, hogy mindenki tudja, kérem. [Nevet] >> [Bowen] Awesome.
Ez egy még jobb válasz, mint akartam adni.
Van munkaidőben a fejlesztők számára, hogy mi irodánkban
és most hamarosan a Microsoft Store odaát a Pru,
de Edwin már gondoskodott rólad.
Jelenleg 4 listás rendelkezésre kölcsönözhető, a vizsgálathoz.
Ott vagyunk. Van egy példa az egyik ott.
Szóval igen, feltétlenül. Remek.
Abszolút messze a legjobb módja annak, hogy próbálja ki az, hogy a készüléken.
Ha nem történik meg, hogy egy, vagy még nem akarja járni az egész campus a hóban
hogy megragad egy, vagy bármi, van egy módja annak, hogy ezt vissza a Visual Studio.
Ha megyek vissza, amikor itt voltam, itt ahelyett, hogy a Local Machine,
tudna kapcsolódni a távoli gép, de ez nem az, amit én beszélek itt.
Szimulátor az a dolog, amit érdemes megvizsgálni.
Én vezetem ezt, és tényleg, mi az, hogy ez alapvetően egy ablak-ra a saját rendszerét.
Itt valójában a rendszer fut, futás Contoso,
de oly módon, hogy lehetővé teszi számomra változtatni a végrehajtás paraméterek
környezeti paraméterek.
Szóval lehet mondani itt, "Tudod mit?"
Oh. Én már fut egy szimulált 27 hüvelykes monitor 2560 felbontású.
Én könnyen ejtsd le, és mi a kérelmemet tenne egy kisebb képernyő
vagy megváltoztatásával DPI beállításokat, vagy bármi.
Így egy kis képernyőn, a 10.6, mi fog csinálni?
Ez még mindig jól néz ki, nem?
Azt akarja, hogy ezt, különösen, ha benyújtja a boltba, mert a mi
részeként a tesztelési folyamat.
És ha vannak olyan problémák, mint például, hogy a
akkor lehet, hogy befut egy kérdés egyre hitelesített a boltban.
De ez része a szimulátor. Nagyon klassz. Nagyon könnyű csinálni.
Is használható funkciók, mint a forgatható azt is.
Én kattintson a gombra itt van ez forgatni, mi valaki van a tapasztalat,
forgatható a pala, a tábla, és használata az alkalmazás azzal.
Vannak más dolgok is, mint a Touch emuláció és néhány más dolog,
beállítás GPS.
Azt is úgy, mintha én egy másik helyre, és mi az alkalmazás nem
ha nem lenne, hogy itt vagyok Seattle-ben, vagy valami.
De ez egy nagyon hasznos funkció, és ez beépített mind a Visual Studio és a Blend.
Igen. Az ön kérdése.
>> [Diák] Ha írsz egy játék, nem a Visual Studio, hogy semmilyen támogatást animáció?
Igen. A kérdés körül animációk támogatása, különösen a játék.
Attól függ. [Kuncog]
A JavaScript Azt fogják mondani, hogy valószínűleg kevesebb támogatást, mint amennyi van a XAML oldalon,
amely határidők, van készítőivel és a dolgok, hogy épülnek be
Az animációk JavaScript apps, én nem tudom, hogy mennyi választ akarok adni.
Van erőforrásokkal a blogomban, hogy menjen át egy csomó lehetőséget mind a fizika animációk,
opciók JavaScript-orientált játékok Windows 8.
Azt utalnak, hogy ilyen.
Alapvetően van olyan sok választás.
Az ok, én habozás van olyan sok választás csinál animációk JavaScript.
Lehet, CSS, lehetett Canvas alapú, lehet, hogy csak az alapvető DOM animációk,
ez lehet egy csomó más dolgot, így igazán függ a választás.
Ha úgy döntenek, hogy valami hasonló Create.js vagy mész vagy más jellegű keretek -
Nos, én nem is vagyok biztos abban, hogy lesz képes használni a felső végén keretet
Szeretem Impact vagy Construct.
Ez általában létre több kódot, mint akkor érdemes a semmiből.
Ám azokban az esetekben, akkor még egy szimulátor, akkor a környezet,
és én inkább csak használja ezt a környezetet az én tesztelési platform azokban az esetekben,
, mint én vagyok fejlődő játékok.
Már jól, különösen a Canvas animációk,
ami talán a leggyakoribb dolog.
A legjobb fogsz valószínűleg megtalálja a dev eszközöket a böngészőben
és a dev eszközöket Visual Studio.
Egyfajta kanyargó választ, de remélhetőleg megkaptam a választ. Igen. Önnek.
>> [Diák] Milyen adattárolási lehetőségek a Windows 8 alkalmazások?
Melyek az adattárolási lehetőségek a Windows 8 alkalmazások, a Windows Store alkalmazások?
A lehetőségek tényleg minden alkalmazás megkapja a saját medence a helyi tároló
A beállítások és adatok, de ez is nevetségesen könnyű használni roaming tárolás,
használható cloud-alapú tároló. Ez ingyenes.
Mi történik akkor alapvetően válasszon egy másik osztály, és azt mondod,
"Roaming Beállítások mentése, az adott sor tartalmát"
és a Microsoft számla, amit ők már bejelentkezve,
lesz a legfontosabb, hogy roaming az információt körül.
Tehát, ha használja a játék, az én laptop, és aztán be ugyanazzal a számla
és a játék olyan felületre, vagy tabletta,
amely automatikusan barangol a beállítás és az adatok között, ezek a gépek.
Ez egy alap dolog. Ez jó bizonyos mennyiségű adat.
Akkor nem tesz egy hatalmas adatbázist azokba.
Az, hogy el kell menni más típusú megoldás, mint a tárolt adatbázis a felhő,
ilyesmi.
Vannak más közösségi lehetőségek körül más típusú adatok technológiákat.
Láttam néhány SQLite lehetőségeket a közösség körül ott is.
Így egyre inkább jelennek meg, de ezek az elsődleges dolog, hogy nézne ki felé
egy játék, vagy egy kb.
És volt egy kérdés, a hátsó is.
>> [Diák] Ami a hálózat [hallható] feltöltés vagy a fájlok letöltése [érthetetlen]
[Bowen] Van a kérdés, hogyan lehet látni, hogy az, vagy hogyan lehet, hogy hibakeresés, és kipróbálni?
[Diák] Hogyan lehet kideríteni a hiba okát [hallhatatlan]
Bocsánat. Nem hallom az egészet.
[Diák] Hogyan juthat el bug tesztelt és még [nem hallható]
Remek. Remek.
Hogyan dolgozik hálózatok? Hogyan látod, mi folyik itt?
Van sok különböző választ, hogy ez az egy,
de hadd mutassam meg talán a legegyszerűbb dolgokat.
Hadd megszabadulni a szimulátor egy pillanatra.
Csak pár hibakeresési lehetőségeket hálózatépítés.
Van egy teljes hálózati stack sütött jobbra mind a WinRT szintjét és WinJS,
így könnyen, hogy XHR, AJAX típusú hívásokat a játékot, vagy app erre.
Elsősorban Én inkább használni 2 dolog.
Én a tényleges dev eszközök is, amelyek a hálózati verem sült beléjük.
Hadd mutassam meg a Windows-honlapon.
Tudom, hogy ezt fel, és valójában egy hálózat proxy sütött be ezeket az eszközöket itt.
Így tudom csinálni, én is frissíteni kell az oldalt, és ez megy, hogy mutassa meg az összes kölcsönhatások,
beleértve AJAX kéri azon az ülésen, az adott kérelem időtartama alatt.
Ez hasznos lehet. Ez lesz nagyon hasznos a böngésző-alapú alkalmazásokat.
Más típusú alkalmazások, például a Windows Store alkalmazások,
Én egy szerszám hívott Hegedűs.
Fogsz kapni egy játékot választ. [Kuncog]
Hegedűs egy egyszerű proxy. Azt hiszem, meg tudom mutatni, hogy az Ön számára.
Ez csak GetFiddler.com, ami elég érdekes, én nyomon a hálózati verem
fog GetFiddler.
De egyébként is, Hegedűs írtak az egyik PM az IE csapat,
így tudja, mit csinál.
Ez egy jó proxy, amelyek segítségével a hibakeresés hálózati forgalmat.
Azt javaslom, hogy a. Kérdés ott is.
>> [Diák] Van egy egyszerű módja annak, hogy integrálják az idegen nyelvi input,
mint a japán vagy a kínai, a Windows alkalmazások?
Nem mondhatnám, én csináltam túl sokat magam, de sütött be
Vannak lehetőségek természetesen kibocsátó az alkalmazás - Sajnálom, én nem mondom azt a kérdést -
lehetőségek körül a globalizáció, lokalizáció a tartalom,
beleértve a dolgok, mint hogy képes eladni a különböző piacokon
és a cél, hogy a verziója az alkalmazás számára egyes nyelvek
vagy a kultúrák, vagy ilyesmi. Abszolút építettek be
Már volt támogatást, hogy örökre,
és hogy továbbviszi a lehetőségeket a Windows Store.
Meg tudod csinálni, hogy a boltban is, eladni a különböző piacokon,
meg tudod csinálni, hogy az alkalmazás is túlságosan használatával források határozzák meg,
"Ha én vagyok erre a célra kifejlesztett kultúra, majd ezeket a változtatásokat a saját szöveges tartalom
"Vagy egy jobbról balra olvasó."
Ezek mind részei az alapértelmezett WinJS és WinRT API-k. Jó kérdés.
>> Hogy állunk? Minden más?
És ha valaki a videón szereplő kérdéseket, én cbowen @ microsoft,
így boldog vagyok, hogy bármelyik kérdésre a jövőben.
Nagyon - A jövő, jövő [utánozza echo].
Tehát itt van velem. Hadd tegye vissza a kapcsolatot itt.
Szóval, csak küldj nekem egy üzenetet, cbowen @ microsoft,
és én kap vissza, amint tudok.
>> Van még valami, hogy te kíváncsi? Rendben vagyunk?
Remek. Rendben van. Köszönöm minden szépen. Nagyra értékelem. [Taps]
>> [CS50.TV]