[Powered by Google Translate] [Seminario - Windows 8 - App / Ludo Disvolviĝo kun HTML5]
[Chris Bowen, Edwin Guarin - Harvard University]
[Ĉi tiu estas CS50. - CS50.TV]
>> Hej, everyone. Mia nomo estas Edwin Guarin. Tiu estas Chris Bowen.
Mi permesos al li enkonduki sin en dua.
Mi volas nur fari rapidan anonco.
Unue, cxiuj CS50 studentojn akiri Windows 8 senpage.
Do, se vi pensas pri efektive uzante ĝin por via fina projekto, estas via.
Nate elsendos retmesaĝon poste por instrukcioj.
La dua afero estas, se vi decidas skribi Windows 8 app por via CS50 fina projekto,
ni tuj faros iun Giveaways: an Xbox,
ni eble povos doni skribtabulo for, da tio.
Do, se estas io tenante vin reen, lasu Chris aŭ mi scias
kiel ni povas helpi vin konstrui ion vere malvarmeta.
Do dankon denove pro veni hodiaŭ, kaj mi transdonos ĝin al Chris.
>> Dankon, Edwin.
Dankon, ĉiuj, por kunigi nin hodiaux.
Mi estas Chris Bowen. Mi estas unu de Edwin kolegoj tie en la Nordoriento.
Mi nur volis elspezi iom da tempo kun vi paroli pri
kiel fari Vindozan Store kandidatiĝo kun HTML5, JavaScript, kaj CSS
kaj tipon de ricevi ajnajn demandojn vi havas pri gxi respondis por vi
kiel vi serĉas al pensas pri eble uzante gxin kiel CS50 fino ŝanco.
>> Tio dirite, ni simple plonĝi dekstra in
Mi tuj iros al diapozitivoj super tie.
Se vi ja havas iun demandon, bonvolu sendi al mi retmesaĝon.
Mi cbowen@microsoft.com, kaj tie estas mia blogo kaj miaj Twitter.
Tamen vi volas kontakti min, ke estas bone.
Mi havas proksimume horo da ŝtofo, kaj mi volas ricevi viajn demandojn en la vojo,
Do, ne estu hontema pri havi demandoj dum tiu.
Ili ne povas vidi kiu estas demandante al la demandoj pri la registrado,
tiel vi estos kiel anonima kiel vi volas esti.
>> Lasu min plonĝi juste, ĝuste doni al vi rapidan enkondukon al Vindozo 8,
kaj montri al vi kelkajn el la aĵoj pri Vindozo Store apps ke vi povus konsideri
kiel vi pensas pri la disvolvo de apliko.
Ni rigardis Windows 8. Ni estis ekstere por paro semajnoj nun.
Multa forta adopto tie jam.
Vi eble vidis jam la Surfaca maŝinoj ke ni havas tiel.
Tie estas unu super tie reale vi povas tuj iri ĉe se vi estas tie ĉi en persono.
Mi vere volas paroli al vi, montru vin ĉirkaŭe iomete pri Vindozo 8.
La ideo kun Vindozo 8, gxi ja alporti antaŭen ĉiuj aĵoj vi scias pri Vindozo
en iuj novaj spertoj - precipe, tion ŝatas la Surfaca maŝino kun takto,
tiuj tipo de pli moveblaj aparatoj, kiuj estas nun en la merkato,
sed ĝi estas ankaŭ Vindozo ĉe ĝia kerno.
Do tio signifas ke vi povas instali gxin vere pri io kiu kuras Windows 7,
de via granda triobla SLI ludoj platformo malsupren al via tekkomputilo
kaj al via brila nova aliaj aparatoj, ke vi povus repreni hodiaŭ.
Ili kuros Windows 8.
Mi montros al vi ĉirkaŭ malmulta,
kaj ĉiujn travivaĵojn kiujn vi vidos tie estas aferoj kiujn vi povas krei.
La ideo estas, ĉu ĝi estas tuŝu, muso, klavaro,
kion ajn la aparato estas tio, ke vi uzas vian kandidatiĝon plu, ĝi tuj kuri granda.
Windows 8 helpos kun ĉiuj tiuj scenaroj.
>> Ĉi tiuj diapozitivoj flanken, ni simple akiri rajton pren rigardon ĉirkaŭ ĉi tien.
Lasu min montri vin ĉirkaŭ mia hejmo ekrano. Tiu estas mia Starto ekrano.
Mi nur doni al vi iomete da tour tie.
Mi estas en ne-takto maŝino, tiom kiom mi volas tusxi mia portebla komputilo ekrano,
ĝi ne faros ion, do mi rulumas ĉirkaŭ tie iomete kaj montri al vi.
Kelkaj aferoj vi povus rimarki estas la fakto ke tiuj, kion oni nomas rekta kahelojn
efektive povas animi, kaj ili povas provizi informojn al vi -
eble ĝisdatigojn pri statistikoj por ludo
aux sciigu al vi novaĵojn el kelkaj el la frua apps kiu estas tie en la maldekstra flanko.
Tie ni iru. Mi certas ke ĝi estas nur pozitivaj kaj fantazie granda novaĵo.
Vi povas vidi ĉi tie ĝi estas vere vokas vian atenton reen al la app, dirante:
"Hej, estas io nova ĉi tie. Ekrigardu. Revenu en kaj vidi, kio novas por vi."
Tio nomiĝas vivas kahelo, kaj vi povas fari anoncojn
ĉu dekstre de la apliko mem
aux se vi rigardu en pli detalo, vi devos eltrovi kiel skribi fora servo
kiu povas vere puŝi informojn al la tile,
kio estas kio okazas kun tiuj novaĵoj apps.
Ili estas reale ricevas novaĵojn el la nubo kaj ĝisdatigi la kahelo dekstra tie
tial homoj scias, ke ekzistas kialo por malfermi la apliko kaj rigardu
ĉe kio la lasta novaĵo estas en iu ajn el tiuj
aŭ se tie novas receptojn aŭ novan altan partituro bati
aŭ amiko ludado aŭ kio ajn sur ĉi tiuj aplikoj.
Ĝi estas io por tenti vin re-ensalutu
Do jen la rekta tegoloj, kaj tio povus esti persono, ĝi povus esti retejo tiel.
Kutime ĝi estas apliko.
>> Pli malpli ĉiuj el tiuj aĵoj kiujn mi havas cxi tie, venis de la Vindoza Store. Mi ĵeti tion.
Ĝi estas unu el la aplikoj kiuj vi akiras defaŭlte
sur neniu maŝino kiu kuras Windows 8.
Vi povas veni ĉi tie por trovi ion vi volus,
el aferoj kiuj reliefigis al ludoj, kiujn mi ne vidis antaŭe.
Ho, humor, ni hvas nova pinball tie.
Vi povas instali tiujn dekstra ĉi tien el la vendejo,
kaj ni parolos pri kiel evoluigi tiujn.
Vi havas multe da elektoj pri kiel oni kreas ilin.
Ni devos koncentri en la Javascript rakonto kun HTML kaj CSS,
sed al la uzanton, al la aĉetinto de la app, ne gravas kion oni skribis in
Ili povas antaŭeniri kaj labori kun ŝi.
Mi intrigis por ĉi tiu, do mi bezonas malfermi ĉi tien kaj rigardu.
Ĉiu app, inkludante tiujn kiuj vi povas sendi kaj vendi aŭ donaci senpage,
kion ajn vi volas fari en la vendejo, ricevos hejmpaĝo kiel ĉi tio.
Vi povas submetiĝi kun via kandidatiĝo faskon de ekranfotoj - vi vidos iujn ĉi tie -
detaloj pri la apliko, kaj la tempo vi amasigas ambaŭ kvalifikoj -
ili estas esence nur la stelo rating - kaj recenzoj
kiuj havigas iom pli da kompreno.
Fakte, iu devas tajpi ion kaj diri al vi kiom awesome vi estas,
kaj kiu iros en vian Recenzoj sekcio ĉi tie, kiujn mi ne rigardis.
Fantastic. "Ĉu ne ankoraŭ malfermos." Kiom granda.
Nu, por la uloj, por kiuj tiu malfermighis kaj kuri, ili ŝajnas vere ĝuas ĝin. [Estuaron]
Tenu tion en menso. La Interreto. Iu ajn povas diri kion ili volas pri via kandidatiĝo.
Do certigu ke vi faras grandan laboron kun ĝi,
certigi ke vi faras ĝin kiel komfortaj por la uzanto kiel vi povas
ĉar ili estas paro alklakas for de havigante revizias,
kaj ke ili amasigas sur via entuta recenzo kvalifikon.
Kaj vi volas fari vian plej bonan, ĉar vi tuj estos kontraux aliaj aplikoj.
Estos miloj de apps jam en la vendejo,
kaj ŝancojn, tie povas esti iu kiu faras similan funcionalidad kion vi faras.
Do, se vi povas vere elstaras el la homamaso, por ke tuj estos al via avantaĝon, kompreneble.
>> Ni ricevos en la vendejo iomete poste.
Mi vere volas enfokusigi krei apps.
Sed la mallonga versio de la vendejo estas tutmonda distribuo,
ĝi estas aŭtomate parto de Vindozo 8, homoj simple ekbruliĝis gxi supren kaj rigardu diversaj apps ĉi tie,
vi havas la Dress-Up Sticker Libro kaj ĉiuj specoj de diversaj aplikoj.
Freŝa Paint, mi uzas ĉi multon - malbone, sed mi uzas gxin multe.
Oni montras al mi, mi jam posedas ĝin.
Lasu min montri al vi ion mi ne havas - UVideos Mi ne havas kiel tutnova.
Komprenu cxi tie gxi estas senpaga, do vi povas instali ĝin rekte de la vendejo.
Vi havas elektojn tro. Vi povas kompreneble donos gxin.
Vi povas meti publikecon en la app aŭ ludo.
Vi povas ankaŭ petas pagon por tio, kaj vi povus tre facile havigi juĝo por la apliko tiel
tial vi povas lasi onin provi ĝin dum unu semajno aŭ kion ajn vi volas fari.
Tio estas nur agordebla per la portalo. Vi ne skribas ia kodo por tio.
Do vi diras, "Vi povas uzi tion por unu semajno kaj tiam vi devas aĉeti ĝin,"
aŭ vi povus fari tion kiel, "Vi povus ludi la 3 unuaj niveloj de ĉi ludo
"Kaj tiam vi devas aĉeti por aliri la ceteraj."
Vi povus ecx faros en-app aĉetojn tiel, do vi povas diri,
"Ni havas aldonan aventuroj aŭ arojn da grafikaĵoj aŭ aĵoj kiuj estas malŝlosita -
"Pli receptoj kiuj malŝlosis - se vi aĉetas tiujn etendis aroj."
Kaj vi povas fari tion ĉiu ene de la programo aŭ ludo mem.
Do, tute supren al vi, via elekto.
Estas multe da aĵoj kiujn vi povas fari en la vendejo,
kaj do esence vi submetis ĝin al atesto kanalo.
Ni povas paroli pri tio iom poste, sed tio estas la celo.
Vi volas akiri vian app tutmonda videbleco en la vendejo tie.
>> Reen al la Komenco ekrano tie, mi ŝatus montri al vi ĉirkaŭ iomete pli.
Se mi ĵetas tiujn apps, lasu min doni al vi ekzemplon de iuj kruc-app funcionalidad tie.
Por fari tion, mi devos lanĉi Freŝa Paint.
Unu afero vi vidos tie estas cxiu unuopa bito de la ekrano,
ĉiuj rastrumeroj de la ekrano, iru al via app.
Gone estas la tagoj kie vi havas tiujn limojn ĉirkaŭ fenestroj
kun multe da butonoj kiuj ĉiam prenas tion spaco tutan tempon.
Nun vi vere volas foriri el tio kaj ĝuste havi vian enhavon estos la fokuso.
Ni povas fari tion kun Vindozo alirante alispecaj menuoj.
Unu el ili estas vere kion nomas la ĉarmoj trinkejo,
kaj ĝi venas el la flanko de la ekrano.
Vi povas reale Flick de la flanko, se vi havas kontakton ekrano,
vi povus dekstre alklaku se vi havas muson, ekzistas klavaro fulmoklavo por ĝi,
ĉiam pli ol unu maniero por fari ion en la medio de ĉi tie.
Tio alportas el kelkaj aĵoj kiujn vi povas fari.
La plej evidenta estas, vi povas iri reen al la Komenco ekrano,
sed la aliaj 4 estas kion oni nomas ĉarmoj.
Ili estas kontraktoj kiujn vi povas konekti al kiel app developer. Ili estas belaj malvarmeta.
Serĉu, mi certas, ke io, kion vi tuj fari,
dividi mi montros al vi en la dua,
kaj Mekanismoj kaj Difinoj, jen estas cxio, ke via app povas konekti al
utiligi Vindozo, diri: "Mi jam faris mian parton
"Kaj mi volas Vindozo por subteni iujn aliajn funkcioj,
"Kaj mi ne volas skribi multon de kodo por fari ke tio okazas."
Tio estas vere profito de uzi tiujn funkciojn.
Lasu min montri vin unu.
Por fari tion, mi devos fari novan pentrarto.
Mi ankaŭ parolis pri uzi singla rastrumero por via programon.
Defaŭlte ĉi estas kion la farbo app aspektas kiel kiam vi uzas ĝin.
Ĝi estas vere nur pri kion ajn vi desegnado, vian enhavon.
Mi povus fari teruran aferoj ĉi tie. Kion mi devus elpreni? Mi ne scias.
Garrapatos? Ho, granda. Mi povas fari garrapatos. Fantastic.
A meleagro? [Estuaron]
Ĉi tiu estas la plej abstraktaj meleagro vi vidos.
Mi ankaŭ povas alporti oferojn, kiel nomiĝas la app trinkejo,
kaj cxi tiu estas vere unu el la ŝlosilaj manieroj, kiujn vi povas uzi
kaŝi sin ĉiuj aĵoj kiuj povus esti en via app aŭ ludon antaux
nur prenas tion spaco tutan tempon.
Do nun vi povas meti ĝin tie, kaj tio estas vere unu el la plej belaj spertoj
kun la app trinkejo kiun mi vidis.
Metu la elektoj tie selekti malsamajn kolorojn.
Ni volis meleagron, tiel ni metos kelkajn bruna tie, starti miksante en paro koloroj.
Ni prenos intera koloro tie kaj tiam por reveni ĉi tien.
Vi povas komenci desegnante. Tie estas via meleagro. Fantastic.
Mi ne povas cxerpi por komenci, sed fari ĝin per touchpad fronte spektantaro estas eĉ pli bona.
Ĉi tiu estas nekredebla.
La ideo, tamen, estas ĉiu, kiu interesas min estas ĝuste ĉi tie sur la surfaco.
Diru Mi tiom kontentas pri tio, ke mi devas dividi ĝin kun iu.
Kutime, kion vi farus kun aliaj versioj de Windows,
vi estus eble preni ekrankopio, vi farus iun kopio-pasto el via teksto
aŭ aĵoj kiel tiu, kiun vi volas dividi eksteren,
kaj tiam iru kaj malfermu alian aplikon kaj metis ĝin en gxin.
Ĉi tie vi ne devas fari tion.
Vi povas reale elirigi la ĉarmoj trinkejo kaj diras, "Mi volas dividi tiun."
Je ĉi tiu punkto ĝi tuj montros al vi la tutan apps
kiuj scipovas labori per nenial estas esti dividitaj.
En tiu kazo ĝi estas bildo, do ĝi tuj diri, "Mi vidas ke vi havas bildon."
"Ĉu vi volas dividi tion?" Vi povas vidi min retposxtu min plenigos la tutan tempon.
Ĝi agnoskas ke, kaj ĝin proponis al mi ke, kiel ligilo,
sed ĝi ankaŭ montris al mi ĉiun app kiu scipovas trakti preni foton
kaj faranta ion kun tio.
Tio estos jam indikis al Windows, ke ili povas fari tion.
Je ĉi tiu punkto ĉi estas Vindozo.
La uzanto nur elektas kion ili volas fari kun ĝi.
Mi faros mian kutiman de PuzzleTouch. Vi povas vidi mi kreis ĉiajn enigmojn super tempo.
Mi prenos PuzzleTouch kaj diri, "Mi volas dividi tiun miriga kreo kun PuzzleTouch."
Ĝi tuj iru antaŭen kaj diri, "la Granda. Vi volas dividi tion? Fantastic."
"Cxu vi volas fari puzlo tio estas facila, meza, kion ajn?"
Mi tion faros intera tie.
Ĝi faras la enigmo. Ĝi tuj estos terura enigmo ĉar ĝi estas plejparte malplena.
Sed estas pretaj, kaj ĝi estas efektive reen en la alia apliko.
Se mi eliros tien, mi povas serĉi ĝin kaj ĵeti ĝin.
Nun se ni rulumi pli malmulta tie, ni devus vidi mian kreo ie.
Kien mi iros? Kiajn puzlo cxu mi faru? Ĉu mi faras ĝin facila?
Ho, tie ĝi estas, ĝuste tie.
[Chuckles] Ĝi estas la facile rekonebla meleagro puzlo tio ĉi tie.
Sed la afero mi volas montri al vi, la malvarmetajn afero ĉi tie
Estas la apps ne scias ion pri ĉiu alia.
Ili nur diris: "Mi havas bildon por dividi, kaj mi scias kiel trakti kun bildoj."
Kaj vi, kiel developer, vi ne devas skribi tiu kodo.
Kiam iu demandas min, por dividi, mi tuj metis kelkajn datumojn en ĉi tiu malgranda datumstrukturo
kaj mi estas farite.
La alia app transprenas, ĉu lia afero, kaj tio estas la fino de la sharing sperto.
Tio estas nur unu afero, kiun vi povas fari - vere, vere potencaj -
kaj gxi tuj estos unu el tiuj aferoj kiuj povus vere helpas diferenci via app
kaj ankaux vian ludon tro en la vendejo.
Homoj tuj povos diri, "Tio estas vere utila."
"Mi uzas ĉi tiun enigmon kreinto tutan tempon. Ĝi estas mirinda."
>> Tio temas pri suficxe da mallongan superrigardon de kio okazas tie.
Ekzistas kelkaj aliaj funkcioj tro ke eble ni devos substreki, kiel ni iru tra kodo.
Sed mi volas plonĝi en diapozitivoj, kaj fari tion, mi tuj iros al la labortablo,
kiu mem estas alia vivas kahelo tie.
Mi povas iri en ĉi tio kaj, efektive, mi estas en mia diapozitivoj,
sed lasu min montri al vi reale kie ni estas.
Ni estas reale en Labortablo moduso.
Tiu estas vere kie kion mi estis diranta antaŭ ĉirkaŭ Vindozo portante antauxen
al novaj spertoj montras sin.
Tiu estas la Vindoza vi scias.
Windows aplikoj nomiĝas labortablo apps. Ili kuras tie.
Se vi jam ekzistantajn apps kaj vi volas kuri sur Vindozo 8,
vi povas absolute faru tion.
Ĉi tiuj ne estas la samaj aferoj kiel la vendejo apps, kiuj estas ĉi tie,
kiel Freŝa Paint kaj tiuj NBC Novaĵoj apps kaj aferojn tiel. Tiuj venos de la vendejo.
Ili povas konekti al kelkaj el la trajtoj kiujn mi montris al vi
kaj aliajn, kiuj mi ne montris al vi ĝuste nun.
Sed ĝuste teni ke en la menso. Ni havas subtenon por ambaŭ de ĉi tiuj aferoj ankaŭ.
Mi bedaŭras. Estas io ne montrante sur la ekrano? Mi perdis lin tute. Tio estas nepara.
Okay. Dankon pro indikante ke ekstere.
Kion vi ne vidante por tempo estas mia montrante vin ke la labortablo estas ĉi tie.
Kio estas la lasta afero, kiun vi vidis? Ĉu vi vidis tion?
Tiu estas la labortablo. Vi jam scias kion ĝi aspektas.
Estas nenio terure nekutima.
Ĝi estas nia portanta tiun sperton antaŭen por vi kaj lasanta vi uzas tion, ke vi jam havis.
Ekzemple, mi povas montri al vi Visual Studio. Tio estas labortabla apliko.
Ĝi tuj kuras en tiu moduso.
Ĝi tuj subteni pli kompleksa medio
kun amaso da ebloj kaj aferojn tiel, do ĝi faras bonan eblon kiel labortabla programon.
>> Tio dirite, ni iru al diapozitivoj por nur iom
kaj donu al vi kelkajn enkondukajn enhavo kaj tiam ni eniros en reale kodigo tie.
La bona novaĵo estas ke mi aŭdis, ke vi estis centrita sur tereno de CSS kaj Javascript, HTML.
Ĉiuj el tiuj aferoj, kiujn vi jam lernis carry rekte en farante Vindozo Store apps.
La aferojn kiujn vi jam estis aŭdi pri per aplikanta CSS selectores kaj ĉiuj tiuj aferoj
Estas precize kion vi faras por krei aplikon tie por la vendejo.
Ni devos iri tra tion iom post iom.
Esence, mi konstruas sur la havajxoj, kiujn vi jam prenis la tempon por lerni.
Ĉi tio estas la entuta chart de la teknologiojn, ke vi povus uzi
fari aplikojn por Vindozo 8.
La aĵoj en la dekstra, la skribo-apps, estas vere, kion ni jam scias.
Tio stuff kiu estas vere la Windows 7 mondo portis antaŭen en Vindozo 8.
Ĉiuj el tiuj ebloj antaŭenporti: C #, VB, Win32 speco de disvolvo.
Granda. Neniu problemo. La nova stuff is sur la maldekstra flanko.
Tio estas Vindozo Store apps, tio estas kiam mi volas preni mian apliko telegramis en Vindozo 8
uzante ĉiuj tiuj funkcioj, akiru ĝin en la vendejo, kaj instigi ke vere malvarmeta sperto
de la Vindoza Store aplikoj.
Por fari tion, vi povas vidi ĉi tie vi havas ĉiujn viajn elektojn kun XAML, C + +,
C #, VB, vi povus fari DirectX, aĵoj kiel tiu, aĵoj kiuj preteriras la glito.
Sed por ni, ni tuj enfokusigi dekstre en la fakto, ke HTML, CSS kaj Javascript
Estas vere unuaklasa civitano por fari aplikojn por Vindozo 8
kaj por la Vindoza Store.
Do ĉi tiu estas bona por ĉiuj ĉi tie kaj ulojn rigardante en video
ĉar vi povas simple utiligas cxiujn tiujn spertojn, kiujn vi havos
kaj vere ligas al kio Windows proponas.
Vi faros tion tra aro de API, kiu devus esti neniu surprizo.
Ĉiu VIN havas sian propran API.
Ni elmontri kion Windows povas fari per kio nomiĝas WinRT.
Ĝi estas aro de API, ke nur faras ĉion por vi.
Se vi bezonas por malfermi dosierojn, vi devas uzi la ĉambron, geolocalización, aĵoj kiel tio,
ili iras tra kio Windows povas proponi al vi.
Por aliri al tio, ni havas iom pli da JavaScript ke tuj fari ĝin ankoraŭ pli facile
por vi fari tion. Ni ricevos por ke en momento.
Sed nuntempe, estas esence vian vojon mapo.
La aferojn kiujn vi jam estis faranta sur supro de iuj API
ke helpo vi laboras kun Vindozo egalas vendejo programon.
Kaj tio estas vere pri ĉiuj vi devas scii de la alta nivelo.
>> Ni plonĝi en reale labori per la havajxoj nun.
La aferoj vi probable jam vidis amaseton da,
kun IE9 iom da tempo reen ni enkondukis subteno por multa la, en la momento,
pli novaj normoj en la retejo, do multe da novaj CSS trajtojn,
amaso de novaj HTML, ECMAScript 5, kiu estas vere JavaScript.
Do ĉio por ke krom strikta reĝimo estis en IE9.
Nur tuno da ŝtofo kun CSS: CSS3, ĉio en ekzistas.
Kaj ĉiuj ĉi aĵoj portas antaŭen en kio ni faras kun Vindozo 8.
Vi povas uzi ĉi tiujn aferojn, kaj vi povas uzi ĉion novas en IE10.
Kun IE10 ni enkonduki subtenon por ĉiuj el tiuj aferoj ankaŭ.
Ili estas ĉiuj aparataro-akcelis, do se vi estas sur maŝino kiu havas ian GPU,
kio estas verŝajne pli-malpli ĉiu maŝino, ke vi povus meti en la pasintaj 8 jaroj,
vi tuj povos havi aparataro-akcelis eligo,
vida eligo per CSS, Canvas, SVG.
Ĉiuj tiuj aferoj iros per aparataro akcelo
kaj estu, ke multe pli rapida kaj pli efika.
La mallonga versio de ĉio ĉi - I'm ne tuj iros tra ĉiu sola afero cxi tie -
se vi vidos ĝin sur tiu listo, se vi povas fari tion en IE10,
se ĝi estas retejo app ke vi uzas kiuj laboras en IE10,
ĝi estas io, kion vi povas fari kiel vindozan Store programon.
Kaj tio estas pli-malpli ŝin. Do, se ĝi funkcias en IE10, ĝi tuj labori kiel vindozan Store programon.
Ĝi estas sur la tablo kiel iu, ke vi povus uzi.
>> Tie estas multe ĉi tie. Ni ne havas ĝis noktomezo, do mi ne povas revizii ĉiun tie.
Sed estas iuj lokoj, kiuj helpos al vi kompreni, kion tio povas fari,
kaj mi montros al vi unu el ili en sekundo.
Mi nur volis atentigi pri kelkaj el la ŝlosilaj aferoj kiujn vi eble rigardi.
Eble vi jam vidis iun el tiuj en viajn studojn,
sed jen estas vere utila, precipe kun Vindozo Store apps, de la CSS flanko.
Do povante fari konvertoj kaj transiroj, provizi moviĝo per kuraĝigo -
ĉi tiuj ĉiuj estas parto de CSS nun, kaj ili ĉiuj estas subtenata de modernaj legiloj,
kaj IE10 kaj IE9 aldonis subtenon tra la tempo por ĉiuj ĉi tiuj aferoj.
Kaj do kial skribi ĝin vi mem, kial iri tra ĉiuj la penon fari tion mane
kiam vi povis uzi simplan CSS konverto krei 3D efekton por via kandidatiĝo?
Granda. Tiel estas kiel ĝi funkcias.
Mi ne povas fari plu malfacila ol tio.
Se vi konas kiel fari ĝin en CSS, vi scias kiel fari ĝin en la Windows Store programon.
>> Irante preter ke por aranĝo, aĵoj kiel eĉ la vendejo app,
sed irante preter tiu, rigardante eble novaĵoj app kiu'S montrante vi artikoloj
aŭ receptojn aŭ aĵoj kiel tiu, ĉi tiuj aliaj specoj de trajtoj en CSS estas vere utila:
Krado, Flexbox, CSS Regionoj estas pli ol relative nova normo tiel.
Tion ili ĉiuj tuj helpi vin kuŝis ekstere enhavo kaj fluas enhavo inter sekcioj,
povi fari paginación kaj vortdividon sen vi devi skribi la necesajxojn mem.
Vi nur diru, "Bonvolu fari la sekvajn por mi,"
kaj kiam la ekrano nemoveblaĵoj estas malsama en malsama maŝinoj
aŭ kiam vi vidos, momente, kiel vi snap apliko
havi malgrandaj kvantoj de spaco sur la ekrano, por ke estas nenia problemo por CSS.
Ĝi povas utiligi - we'll diskuto pri komunikiloj pridemandojn en dua -
ĝi povas prizorgi tion kun repositioning via enhavo, fluante enhavo de regionoj
nur kun tiuj aĵoj kiujn vi eble jam vidis per ttt teknologio.
>> Sur la HTML5 flanko, ekzistas ankaŭ faskon da aferoj
ke estos tre utila por vi per Vindozo Store apps.
Denove, ni ne iros tra ĉiuj ĉi tiuj, sed ili estas nur ĉi tie.
Do, se vi devas uzi ĝin, audio-video, se vi volas fari validigo de formoj,
geolocalización, ĉiuj aĵoj, kiujn vi povas fari en JavaScript kun JavaScript 5 aŭ ECMAScript 5,
IndexedDB por lokaj stokado - tiuj estas ĉiuj opcioj por vi.
Se vi serĉas respondon, simple rigardu al ekzistantaj teknologioj kun HTML5 kaj CSS
kaj vi trovos pli facile respondojn ol devi ruli multajn Okaze mem.
Lasu min montri vin ĉirkaŭe iom cxi tie.
Mi havas lokon ni povas iri al.
Lasu min forlasis el tiu diapozitivo dum sekundo.
>> Se ni eliras IETestDrive.com,
Mi ne faros multe de demo tie.
IETestDrive.com estas vere montrante vi multan kio novas kun IE10,
tion, kion vi povas fari.
Mi trovas ĉi tiu estas vere utila, ĉar anstataŭ tralegado faskon da blankaj paperoj,
rigardi kelkajn donas, kaj tio tuj helpi vin meti ĝin sur via propra persona radaro
pri tio, ĉu teknologio estas sencoplena eĉ plue esploroj kun
tiel vi povos kompreni, "Mi vidas kion tio signifas."
"Mi komprenas, kion Petoj Animation Kadro faras por mi."
"Mi komprenas kiel mi povus uzi Regionoj aŭ SVG-filtriloj."
Vi vidas ilin en agadon, vidi ilin sur ekzemplo tie ĉi,
kaj decidi por vi mem, se tio tuj estos utila por vi en viaj propraj projektoj kaj preter
kiel vi daŭre labori kun ttt teknologio.
Tie mi farus nur instigas vin rigardu.
Mi ne pensas ke mi devos elspezi multe da tempo vere kuras tiuj.
Ni havas sufiĉe por montri per skribado kodo.
Vi vidos tie ĉi tion for kontakto efektojn tuŝi-bazitaj ludojn en tiu sekcio,
kuraĝigo, vere rapide aparataro-akcelis kuraĝigo tie,
iuj optimumigaĵoj ke vi vidos en kelkaj el ĉi tiuj specimenoj, kiel bone,
kaj tie estas multaj, multaj pli.
Se vi volas transiri ĉi tie kaj malfermu la retejo mapo,
tie estas nur ridinda nombro de specimenoj tie.
Vi povas vidi ilin ĉiujn tie.
Se vi serĉas ion aŭ vi aŭdis pri io
kaj vi scivolas eble tio estus io malvarmeta uzi en la app,
provu serĉi tie ĉi, kaj tie estas probable sufiĉe bona pruvo por tio savi vin iom da tempo.
>> Okay? Demandojn tiom multe por la homoj ĉi tie?
Okay. Ni devos porti en ĉi tie.
Denove, nur kontroli, ke ekstere.
Ili estas ttt normoj, do iru al iu ajn alia vitrino ejoj kiujn vi konas
kaj vidi se tiuj teknologioj sencon kion vi provas fari.
>> Reen al la diapozitivoj.
Tio dirite, vi estas movanta el retejo mondo vere instalita loka apliko mondo,
tiel estas iuj aferoj atentigi tie.
Antaŭ ĉio, ne estas ttt-servilo implikita tie.
Ne estas Apache, ne estas IIS kurante tien
servante supren paĝojn al fora kliento, al fora retumilo agento.
En ĉi tiu kazo, vere ĉio estas pakitaj por vi.
Vi opinias ke kiel via kandidatiĝo al la vendejo, ĝi ricevas ateston,
ĝi estas en la vendejo, kaj tiam homoj iras de la miloj instalos vian ludon aŭ vian programon.
Sed esence, ili estas tiranta ĝin loke al ilia maŝino.
Ne necesas por eliri al la retejo plu krom se vi havas alvokoj kiuj bezonas fora API,
kaj tio estas perfekte normala tiel ankaŭ.
Sed ili ne tuj estos en tiu moduso kie ili devas iri peto respondon de servilo
por ricevi la sekva paĝo de ilia enhavo.
Do, kiuj diris, ke estas kelkaj malgrandaj API diferencoj. Tio estas nekredeble malgrandaj.
Ili estas neverŝajna por bati vin en via normala kodigo, sed ili estas almenaŭ dokumentita.
Ili estas speco de latera kazoj tie.
>> La alia afero valoras markante estas la konfidatoj diferencoj.
Mi nur mencias tion, ĉar mi nur volas certigi tion diris
do se vi kuros en ĝin poste, vi pensas, "Chris diris ion pri tio,
"Do eble, jes, bone," kaj tiam vi reiros kaj vi trovos el kio ĝi estis.
Kuntekstoj gravas.
Defaŭlte ni klopodos por protekti la uzanto de vektoroj de atako.
Estas certaj aferoj kiujn vi povas fari defaŭlte
kaj certaj aferoj kiujn vi bezonos ŝanĝi kuntekston ebligi.
Kiel vi uzas kelkaj bibliotekoj por tie - you've jam laboris kun jQuery,
sed se vi serĉi aliajn bibliotekojn el tie - vi povus uzi iun funcionalidad
tian iras preter loka uzado, faras pli dinamika interagoj
XHR petoj, aĵoj kiel tio.
Kelkfoje vi eble trovos tiuj estos malebligita defaŭlte,
kaj en tiu kazo, nur faru serĉon, serĉi lokajn kaj ttt kunteksto,
kaj vi trovos, kiel eblas ripari tion.
Nur certigu vi sciis pri tio, kiel vi komencas uzi aliajn kadrojn,
kiun mi devas mencii, vi estas perfekte kapabla fari.
Do, se vi trovas iujn aliajn kadro - we'll diskuto pri tio en dua -
por ludoj kaj vi volas uzi tiun, kiun vi volas uzi iun kontrolo bibliotekoj, kiuj estas ekstere tie
kaj vi ne volas skribi, ke aĵoj mem - ke estas bona ideo, ĉu ne? -
vi povas absolute uzi tiun materialon.
Estas nenio tenante vi revenis el uzante ian ajn biblioteko ke estas bazita sur JavaScript,
CSS, HTML5.
Denove, se estas io, kion vi povas fari en IE10, kiu estas heck de multa tiuj tagoj,
Vi povas fari ĝin.
Tiri gxin en vian app, aludo ke JavaScript biblioteko, kaj uzos ghin en vian kandidatiĝon,
nur konsiderante vi eble trafis sekureca kunteksto tempaltempe - ne tre ofte.
>> Kaj tiam la funkcioj, ni iros trans kelkajn pli el tiuj kiel ni iru.
La UX vi specon de alkutimiĝi al kiel vi vidas pli kaj pli aplikoj
el la Vindoza Store.
Vi ricevos emo al kiel ili funkcias kaj kiel la dezajno estetika emas labori
trans malsamaj aplikoj kaj kion homoj estos uzata por sperti.
Tio estas vere la grava parto.
Certiĝu ke kiam ili ekbruliĝis vian app ili ne bezonas legi manlibro,
kion oni neniam faras, per la vojo.
Ili devas esti simple povis komenci ludi kun via kandidatiĝo
kaj imagante ĝin sen multa malfacileco.
Per batante kaj aliĝi al amaso de tiuj praktikoj,
vi faros vian uzantoj granda favoro, farante ke pli facila.
>> Okay. Unu lasta afero pri la API flanko kaj tiam ni eniros en reale skribi kodon.
WinJS estas tiu afero, kiun mi menciis tre mallonge kun tiu kompleksa slide
kun ĉiuj tiuj malsamaj elektoj ke vi havas por fari aplikoj.
WinJS, vi povas pensi pri tio kiel amiko.
Ĝi estas via amiko, por helpi vin verki stuff pli rapide.
Estas nur JavaScript kaj CSS. Vi ne devas uzi gxin. Vi povas uzi ĝin.
Se vi iras por nomi por Vindozo trajtojn, vi finos uzante ĝin,
sed se estas aĵoj kiel iuj dezajno ŝablonoj aŭ komandojn kiujn vi vere ne volas uzi,
vi volos uzi ion alian, tio estas via.
Decidu kion vi volas uzi kaj la stiloj kiujn vi volas uzi.
La trajtoj de namespacing kaj klaso generacio - ĝis vi.
Se vi preferas unu aŭ la alia, ĝi estas tute via elekto. Ĝi estas ankoraŭ JavaScript kaj CSS.
Sed tio okazas, por helpi vin fari multajn aferojn.
Ekzemple, ĉi tie estas subaro de tio, kion ĝi povas fari,
aferoj kiel helpi asincrónico programado per promesoj.
Ajna el vi aŭdis pri aux laboris kun Node.js?
Ĝi estas komuna ekzemplo por labori kun asincrónico programado.
Do esence kion vi diris, "Iru ion fari,
"Kaj vi tuj donu al mi la promeson, ke vi revenos al mi, kiam vi faris."
Tio estas esence kio okazas.
Do vi ne glaciiĝas ĝis via kandidatiĝo dum la uzanto iras, kaj plukante dosieron
aŭ io estas fluis malsupren de la TTT.
La UI restas respondema.
Kaj vi povas tion fari per uzo asincrónico programado.
Sonas ridinde kompleksa, sed estas vere facila ĉar vi uzas promesoj
kaj vi simple diru, "Iru fari tion kaj kiam vi finos, voku reen al ĉi tiu metodo."
Tio estas sufiĉe multe ĝin. Tio estas ĉio konstruita en WinJS.
Ĝi tuj fari gxin multe pli facile skribi vere fleksebla kaj potenca aplikoj.
>> Vi povas vidi la resto cxi tie, multe da kuraĝigoj.
Verŝajne unu el la plej gravaj aferoj en ĉi tiu bildo estas kontroloj.
Mi pensas mi havas ĝenerale - jes, mi faras.
Jen ekzemplo de nur kelkaj el la komandojn kiujn vi povas uzi en viaj aplikaĵoj.
Jen ĉiuj rekte el WinJS.
Vi ne skribas ĉi tiujn animojn,
vi simple diru, "Jen kiel mi volas formi mian aplikaĵon."
"Mi uzas flip view do mi povas iri inter diversaj fotoj."
Mi ne montritaj vi Semantika Zoom. Mi montros al vi, ke en sekundo.
ListViews. Ekzistas GridViews.
Vi jam vidis kradon kiel parto de la vendejo apliko,
tiel povante uzi blokoj de enhavo kaj rulado tra tio.
Flyout menuojn vi vidos nur de tempo al tempo.
La app trinkejo mi montris al vi ke Freŝa Paint apliko tiel,
tiel vi vidis, kiel vi povas agordi ke metante butonoj sur ĝi
kaj havante kiuj kaŝas sin kiam vi ne deziras uzi tiun.
Tio estas vere tute supren al vi uzi.
Tiuj estas ĉiuj kontroloj kiuj estas parto de WinJS.
Mi montros al vi kiel fari tiujn en nur la dua, sed ke ekzistas pli ol nur tio,
kaj la ŝlosilo afero estas uzi ilin, se vi volas, krom iom da tempo.
>> Se vi havas aliajn kontrolo bibliotekoj kiuj vi ŝatus uzi, tio estas perfekte fajnaj ankaŭ.
Aĵoj kiel jQuery UI fari multon pri ĉi speco de ideo kiel bone,
provizante pli kontroloj kiuj etendas kion vi povas fari en HTML kaj Javascript.
Ni plonĝi in Mi jam diris tion. Uzu kion vi ŝatus.
Nur memoru, ke vi kuru al iu kunteksto temoj.
Sed vi certe povas miksi kaj kongruas ajn specon de bibliotekoj vi estas komforta kun,
vi volas lerni, ke vi volas uzi, por savi vin iom da tempo.
>> Ni parolu pri iloj nur dum sekundo.
Vi povas akiri kio vi bezonas por komenci labori kun Vindozo Store apps.
Se mi reirus el: Mi havas tro multajn aĵojn tie.
Se vi iras al la paĝon, kiu estas dev.windows.com,
vi povas elŝuti ĉiun vi bezonas.
Kiel studentoj, vi havas aliron al pli ol la ĝenerala publiko faras,
tial vi povas akiri pli altan fino versioj de Visual Studio.
Edwin menciis vi jam povas akiri Vindozo tiel.
Sed ĝenerale, por ĉiuj programistoj, vi povas iri al tiu loko
kaj elŝuti ĉio vi bezonos fari aplikon, kaj ĝi estas ĉio libera.
Do ekzistas libera versio de Visual Studio,
estas kelkaj iloj kiuj instalos apud de tiu -
ĉio vi devas krei kaj testi via kandidatiĝo.
Ĝi estas nur kiam vi iras por eldoni vian kandidatiĝon al la vendejo
ke vi tuj bezonas developer konton.
Tio ankaŭ mi kredas estas libera. Ĉu senpaga por studentoj tiel? >> [Guarin] Kiun?
La developer konto, la efektiva submetiĝo. >> [Guarin] Jes.
Tio estas pli bona novaĵo.
Vi devos iri rigardi ĉi.
Ĝi diros por individuo defaŭlte ĝi estas $ 49.
Sed ne subskriboj por ke kiel studento.
Ni ricevos vi kelkajn informojn tra viaj programoj kiujn vi povas akiri konton senpage,
kaj ke lasos vin tiam proponi vian aplikoj rajton ĝis la vendejo,
tiom kiom vi volas, kaj ĉiuj el tiu bono estos baldaŭ sekvos.
Do jen dev.windows.com.
Vi povas elŝuti la ilojn kiujn vi bezonos de ĉi tie.
Kaj se vi volas, vi povas ricevi juĝon versio de Vindozo ĉi tie,
sed, denove, vi ne bezonas.
>> La alia ejo - permesu al mi klarigi ĉi unu por vi rapide - estas design.windows.com.
Tio estis dev.windows.com.
Design.windows.com, vi povas diveni, kio ĝi estas por.
Ĝi estas vere bela amika ejo. Tie estas multe da bona informo tie.
Vi povas funkcii tra ĝi.
Ĝi tuj donos al vi kelkajn konsilojn pri kelkaj aferoj
ke eble vi ne pensis pri antaux aux devis trakti antaŭ,
kiel desegni por kontakto, desegni por malsamaj formo faktoroj,
desegni por la kapablojn de Vindozo 8, la aĵoj kiujn mi menciis antaŭe
kiel serĉadon kaj dividanta, kelkaj aferoj kiujn mi ne parolis pri ankoraŭ.
Ili ĉiuj estas listigitaj ĉi tie, kaj ĝi estas sufiĉe bona aro de helpemaj dosieron paĝoj
kiuj helpos al vi kompreni kiel fari certan specon de apliko,
kiel fari interago, kiel trakti kun la UI kaj UX el via kandidatiĝo.
Mi rekomendus ke vi rigardu tion, precipe se vi estas en iu punkto
esperante eldoni apliko al la vendejo.
Vi tuj volis scii kiel fari bona apliko
ĉar mi menciis antaŭe, se vi ne faras, ne estas tiuj, recenzoj denove.
Homoj tuj estos malfeliĉaj.
Ili ne povos trovi, kion ili atendas gxustaloke.
Neniu volas ke tio okazas al vi.
>> Movante antaŭen tie, lasu min fermi ke malsupren.
Nun, kiam vi scias kie akiri la aĵojn, mi montros al vi kiel vere ekuzi vazaro.
Por komenci, mi reale montri al vi tie ekzemplon de labortabla apps sur mia Starto ekrano.
Ĉi tie vi povas vidi Visual Studio, vi povas vidi Blend kaj aliaj developer iloj kiujn mi havas.
Ili havas iomete malsamajn kahelo.
Tio estas ĉar ili estas labortabla apps,
kaj en tiuj kazoj ili ĉiuj tuj lanĉi reen al mia labortablo
vere ĝuste kiel apps ke vi kutimi.
Do Vindozo sperto, ĝi estas la sama afero.
Ili ne estas, ekzemple, kiel Armitaj! aŭ tiujn aferojn. Lasu min ĵeti oni rapide.
Efektive, jen interesa.
Ĉi tio estis disvolvita por studentoj labori partnerece ĉe nerd.
Plena ekrano apliko, tiuj specoj de spertoj tie.
Ho, bela tranĉo ekranoj kaj ĉiuj specoj de fun stuff.
Ili disvolvis ĉi. Ni povus ankaŭ montri la tutan aferon, dum ni estas ĉe ŝi.
Fakte, mi laboris kun ili iomete, donis al ili iom da konsilo pri aferoj
ĉar ili estis faranta JavaScript por ilia apliko.
Bonvolu, mi ne prenis krediton por ilia laboro, ili faris la tutan laboron.
Mi nur donis al ili iom da konsilo tie kaj tie,
sed ili faris kelkajn grandajn aferojn uzante JavaScript interfacon
kaj ligante en iu fiziko motoroj kaj aferojn por fari multon de tiu verko.
Iru. Ni vidu se tio funkcias.
Wow, ĝi ankoraŭ laboris. Enorde, bonaj. Sed vi ricevis la ideon.
Plena ekrano app, vere bona sperto.
Tio estas simpatianto ne nur mia muso kaj skribilo, se mi havos aferojn kiel tio sed ankaŭ tuŝi.
Se mi havus tuŝu ekrano, mi povus simple desegni sur ĝi kaj daŭre labori kun tiu.
>> Unu aferon mi ne montras, kaj la kialo, kial mi mencias tion,
Estas mi volis havi alian app montri al vi, kion vi povas fari,
vi povas reale preni aplikoj en Vindozo kaj trenu ilin al la flanko de la ekrano.
Tio nomiĝas kunfrapante apliko.
En ĉi tiu kazo, mi prenis Inkarus kaj mi aldonis ĝin al la flanko tie.
Ĝi estas nun en Snap vido, kaj tio ebligas al mi por fari ion alian dum tiu apliko estas tie.
Plej ludoj vi trovos estos nur simple paŭzi.
Tio normale deca afero por fari krom se via ludo povas iel grimpi malsupren
por ke la malgrandaj de rezolucio, kiel eble ia tabulludoj
aŭ aĵoj kiel tiu en okazo.
Sed ĝenerale, la plej facila afero por fari, kaj la plej taŭga afero por fari por ludoj
Estas paŭzi la apliko.
Por aplikoj kiel novaĵo apps, se mi lanĉi ĉi tiun kaj do mi alkroĉiĝos ĝi,
vi vidos gxin efektive ŝanĝas signife kiel ĝi estas prezenti la datumojn al vi.
Ĉi tie ĝi estas montrante vin en vere pli vertikala pan tiun informon,
sed mi povas ankoraŭ absolute uzi la aplikaĵon.
Do estas ankoraŭ tre utila.
La fakto ke ĝi estas en pli malgrandan vidon ne observas min de uzante tiu app. Do pensu pri tio.
Ĝi estas io kion vi devas havi vian apps fari al iu grado,
sed ĝi estas ĝis vi determini kiom funkcia via apps devus esti
en tiu speco de malgranda ĉirkaŭaĵo.
Lasu min fermi ke oni sube kaj iru returne en kie ni estis tie.
>> Edwin, vi aldonis foton de mi jam? >> [Guarin] Jes. >> [Bowen] Rigardu tiun.
Zorgu, ke? Edwin aldonis foton. [Estuaron]
>> Ni iru reen super tie en Visual Studio. Lasu min ĵeti tion por vi.
Mi povus esti alklakis kahelo sur tiu Starto ekrano.
Ĝi alportis al mi returne en Labortablo mode, kaj ĝin ĵetas la labortablo app de Visual Studio.
Tiu estas la Vindoza ke vi jam konas.
Mi povas antaŭeniri kaj krei projekton ĉi tie.
Ni enfokusigi denove sur Javascript, HTML.
Mi tuj iros eksteren kaj elektu supre tie sub JavaScript, Vindozo Store.
Ekzistas pluraj ŝablonoj, kiujn vi povas uzi.
Por produktiveco, mi rekomendus al vi rigardu kelkajn el tiuj aliaj aĵoj ĉi tie
kiel la krado kaj la Split.
Ili estas vere utila, se vi faras apliko
ke okazas al havi tian dezajno kaj navigado. Vi vidos tiujn tre.
La unu mi ĵus montris vi estis vere petskribo de la Grid apliko.
Do, se vi opinias ke vi tuj estos farante novaĵoj app aŭ RSS reader
aŭ io kiel tio kiu traktas plurajn erojn por kiu vi ŝatus montri la detalo,
pensi uzante unu el tiuj ŝablonoj por starti rapide
kaj agordigo ĝin de tie.
Sed ĝuste tial mi povas montri al vi la tutan movi partojn tien
Mi iras al krei la malplenan app, kaj poste ni iros iom pli profunden en la detaloj.
Mi nur faras ke malplenan apliko tie.
Ĝi okazas por krei la tuta projekto por mi.
Mi malfermas la aĵoj kiujn mi volas montri al vi la defaŭlta.
Lasu min nur zomi iom montri al vi kio kreis por ni tie ĉi.
La aferoj kiuj vi iras por rigardi unue ĉiuj estas nomata defaŭlte.
Do vi iras por serĉi default.html, default.js kaj default.css.
La alia afero atentigi estas ke ni jam havas referencon al kio mi menciis antaŭe.
Ĉi tio estas WinJS. Neniu vere nomas tiun longan nomon tie.
Estas WinJS, la Vindoza Bibliotekon por JavaScript.
Se vi malfermos ĝin, vi povas vidi ĝin jen ĉio en ĉi tie.
Ekzistas malsamaj CSS dosieroj, ne estas JavaScript.
Ĝi estas tie por helpi vin.
Ĝi estas vere tie provizi kontroloj kaj stiloj kaj aĵoj kiujn vi povas simple uzi aŭtomate.
Sed denove, se estas aferoj kiujn vi volas uzi anstataŭ en terminoj de stilo kaj aliajn komandojn,
ĝi estas tute supren al vi. Mi montros al vi kiel uzi kelkajn el tiuj aferoj nun.
>> Reen super sur nia maldekstra flanko, lasu min montri al vi la defaŭlta HTML-paĝo.
Vi jam vidis la WinJS necesajxojn, kaj tio estas vere ĉio tio, kio okazas tie
kun tiuj meza linioj de markado, simple venigos la CSS defaŭlte
kaj portas paron de JavaScript dosierojn el WinJS.
Vi ne bezonas esti majstro de kio okazas interne tiujn dosierojn.
Ĝi estas sufiĉe interese rigardu ilin al speco de revizii kio okazas en tie
ĉar ne estas sufiĉe interesa intera kaj progresintaj teknikoj okazas en tie,
sed la agrabla afero estas kiel programistoj, vi povas simple preni avantaĝon de ili, ĝuste uzi ilin
kaj ne vere devas zorgi pri tio.
Vi ankoraŭ povas aŭti sen devi scii kiel funkcias, ĉu ne?
Do tio estas la speco de afero, ke okazas tie.
Tie estas kontroloj kaj stiloj kaj necesajxojn ke vi povas simple iru antaŭen kaj uzo
kaj kodo kiun vi povas uzi en dua sen devi scii kio estas en tie.
Jen viaj propraj dosierojn.
Ĉi tiuj estas viaj lokoj, kiujn vi povas redakti viajn proprajn CSS
kaj via propra JavaScript por akiri tion ruliĝas.
Vi aldonos certe aliaj JavaScript dosierojn kaj eble aliaj CSS-dosierojn
kiel via projekto kreskas, sed cxi tiu estas vere nur deirpunkto.
Jen estas la Saluton, mondo ekvivalento de HTML, do ni estas denove en la korpo etikedo.
Ĉe la supro, cxe la vojo, ĝi estas la HTML5 DOCTYPE,
tial vi devos rekoni, ke de tio, kion vi estis laborante sur.
Tie estas plena IntelliSense tien tiel, do se vi faros tion kiel entajpu video etikedon
kaj pligrandigi kiuj eliris, vi probable lernis pri la fakto
ke vi bezonas fari fallback kodigon por video-etikedoj en HTML5 - aŭ eble vi havas -
certigi ke malsamaj retumiloj havas subtenon por viaj video.
Ni havas aĵojn kiel ĉi trans HTML, trans JavaScript, trans CSS.
Tio estas projektita, kaj mi montros al vi css en sekundo.
Ĉi tie vi povas iri antaŭen kaj komenci modifi kodo, la markado.
Fakte, antaŭ mi ŝanĝas ion ajn, mi tuj ekkuros ĉi kaj montros al vi kion vi akiras.
Vi tuj ricevos plaŭdo ekrano, kiun vi povas personecigi
kaj tiam vi havos la Saluton, mondo sperton tie ĉi. Ĝi estas fantazia, right?
Antaŭen kaj sxipo, ke, ĉu ne?
Enhavo iras tien. Tiu estas la baza afero.
Ĝi nur povas akiri bonan el tie.
Ni iru antaŭen kaj aldoni en kelkaj aĵoj.
Mi havas iom da markado Mi tuj kopii ĉi tien
ĝuste tial vi ne devas rigardi min tajpado.
Permesu al mi iri kaj alportu la ilkesto tie, kaj Mi tion precizigi tion, ĉar mi povas fari ĉi kelkaj momentoj.
Toolbox, se vi ne vidis Visual Studio, estas kie vi tuj trovos amaseton da kontroloj.
Vi povas ankaux meti kodo kodaĵoj en ĝin, ke oni povas reuzi.
Ĉi tie mi nur pop en iuj aliaj HTML, nenio terure progresinta je ĉiuj ĉi tie.
Estas nur bazan HTML dirante Mi havas enigo, kie mi povas tajpi,
Mi havas butonon, kie mi povas sendi ĝin, kaj tiam mi havas div tio esence lokokupilo
kiun mi povas uzi por eligo la "Saluton al vi tajpi ĉi tio."
Ĝi estas la enkonduko al la HTML ekzemplo.
Se mi kuros ĉi, ni aŭtomate ricevi la HTML, sed ni ankaŭ aŭtomate ricevi stilo.
Ĉi tio estas unu el la gravaj aferoj el WinJS.
Ĝi tuj donos al vi defaŭlte iuj rigardo kaj sentas, ke estas vere kohera
kun la resto de kio Windows 8 estas faranta.
Ĉi tie vi vidas aĵojn kiel la butono.
La butono implicite en HTML ne aspektas tiel, sed ĝi faras ĉi tie
ĉar Iĝas tiu CSS rajton de tiu CSS dosiero en WinJS.
Se vi volas uzi ion alian, se vi volas ŝanĝi tion, tute bone,
iru antaŭen kaj faru kion vi ŝatus. Sed tio estas la defaŭlta.
Ĝi okazas al esti pli konata al la uzantoj.
Kaj kompreneble tio ne faros ion, ĉar mi ne vere telegramon supren ajnan specon de kodo
respondi al tio. Ĝi estis ĝuste la HTML.
Do mi povos liveri de tiu, kaj ni revenos en nian aplikon.
>> Permesu al mi ŝanĝi super niaj default.js.
Tio aspektas bela kompleksa, sed ĝi estas nur fari kelkajn aferojn por vi.
Estas boilerplate. Ĝi tuj estos la sama en ĉiuj viaj projektoj.
La sola afero, tiu faras estas nur speco de demandante, "Kiel mi ricevas ĉi tie?"
kaj dirante: "Ĉu vi ĵeti tiun programon por la unua fojo?"
"Ĉu vi rekomenci la app havi ĝin esti nuligita?"
Paro de aferoj tiel.
Vere, niajn fokuso sur ĉi tiu dosiero tien pravas pri tie.
Je tiu punkto, ĉi tiu linio de kodo estas sufiĉe grava.
Ĝi estas fakte tuj iri kaj rigardi tra ĉiuj viajn markado,
kaj gxi tuj trovi tion, ke vi jam demandis al esti igita kontroloj,
profunda kontrolojn kiel kvalifikon kontrolo, kiel krado vido, kiel la flyout
kaj tiuj aliaj aferoj kiujn mi montris al vi sur tiu diapozitivo antaŭe.
Ili ne estas denaska HTML kontroloj.
Vi simple ne diri flyout kiel elementon kaj havu gxin scias, kion fari.
Kion ni vere faras estas la samo kio okazas en aliaj specoj de kontrolo kadrojn.
jQuery UI faras la saman specon de ĝenerala alproksimiĝo.
Vi uzas markojn en via HTML, kaj tiam iuj JavaScript venas tra poste kaj diras:
"Ho, mi scias, kio tio estas. Tio petante tion aliformigxos en tiun stuff"
kio estas aliaj pli esprima HTML fari kiel ratings kontrolo,
kio estas kion mi montros al vi ĝuste nun.
Ĉi linio de kodo estas promeso, ke estas jene: "Kiam ĉi promeso estas plenumita,
"Ĉion, kion vi petis por tio tiam estis kreita."
Kaj tio estas ĝi. Ĝi aspektas iom kompleksa, sed gxi vere estas la sama en ĉiu projekto.
Malsupren tie estas kie vi povas komenci aldonante en io ajn kion vi deziras havi okazi,
tial ni revenos al tio en sekundo.
>> Unue, mi bezonas iom da kodo kiu povas respondi al la fakto
ke iu klakis la butonon.
Mi tuj iros antaŭen kaj metis tiun en ĉi tie.
Denove, mi ne volas fari ajnan tajpadon antaŭ vi tie.
Tre baza JavaScript nur diras, kiam tio estas nomata
Ni tuj esti provizita kelkaj detaloj pri kiel ni alvenis tie
kaj tiam ni tuj faros kelkajn bazajn aferojn.
Iru trovi la aferon en mia HTML-paĝo nomata nameInput,
kaptu lin, prenas lian valoron, vangofrapo "Saluton" en la fronto de ĝi, kaj algluita ke rezultanta kordo
en tiun div tag ke ni havis antaŭ tio vere ne havas ion ajn antaŭe.
Nun ni volas iri por trovi tiun etikedon kaj faros lian internan enhavo egala al tiu ĉeno.
Tre simpla JavaScript.
Espereble vi rekonas, ke tie estas vere nenio nekutima okazas tie.
Estas nur rekte HTML kaj JS tie.
Se mi kuros ĉi nun, ĝi estas ankoraŭ ne faros ian laboron, ĉar mi ne telegramis ĝin
por ricevi la evento.
Por tion fari, mi faros tion ĉi tie, denove reveni al miaj iloj,
krevi ĝin en ĉi tie.
Mi atendas vin jam vidis tiun tutan klason de aĵoj antaŭ, do mi ne tro klarigas ĝin.
Nun ni tuj iru preni la helloButton.
Ni tuj diru, "Button, gratulojn."
"Jen estas evento kiu vi nun estas respondi al".
"Kiam iu alklakas sur vi, nomas tiun funkcion, la buttonClickHandler."
Kaj tio estas ke funkcio ni simple aldonis rajton malsupren ĉe la malsupro tie. Estas tio.
Do nun ni havas mirinde funkcia apliko.
Mi kredas ke vi devos esti vere impresita de ĉi.
Chris. Atendi ĝin. Wow. Okay. Tio estas miriga. [Estuaron]
Sed estas pli. Ne aĉeti ĝin ankoraŭ. Atendu.
>> Lasu min montri vin iomete pli tie kaj eliri el plena ekrano.
Ni tuj iras antaux ni kuros.
Permesu al mi iri en kaj reale montri al vi iom per CSS.
Nur implicite, se ni retrorigardas al la paĝo ĉi tie,
kiam ajn ni tiris en cxi tion for WinJS kaj ni ekhavis la ui-malhela,
fakte, vi povas ŝanĝi ĝin al la defaŭlta pro uzi lumon apliko.
ui-malhela estas bona por la grafika aplikoj kiel uzi multajn bildojn,
vi montrante multajn vidajn enhavo.
Se vi montras multe da teksta enhavo, la ui-lumo estas ĝenerale bona elekto.
Vi ne devas elekti ĝin, sed mi ŝanĝis al ĝi
kaj nun vi vidas la saman markado, sama ĉio,
Estas nur uzante esence inversigis skemo ĉi tie
kie ĉiu faras gxin nigra teksto sur blanka.
Jen ĉio bone kaj bonaj.
Lasu min eliri ĉi tie, kaj ni vere faras iom pli kun la CSS.
Mi metis ĝin denove sur malhela ĉar mi kredas ke estas probable pli facile vidi sur la ekrano
kiam mi komencos fari tion.
Mi tuj anstataŭigi la korpo pli tempo.
Mi iros tien. Lasu min nuke ĉi.
Ni venigu la korpon kun klasoj.
Mi kredas ke vi jam faris bazan selectores kun CSS kaj aĵoj kiel tio jam,
tiel vi probable scias kio okazas tie.
Nur atribuante iuj klasoj por nia kaploko, kaj ni krei novan div
por enpaki la resto de tiu aĵo, ke ni povas nun uzi stiligi ĉiuj kune.
Do kion mi povas fari nun estas transiru al nia defaŭlta CSS.
Ĉu vi rigardis komunikiloj pridemandojn ankoraŭ? Cxu vi parolis pri tio al cxiuj?
Dosieroj pridemandojn estas parto de tiu emerĝaj movado -
aŭ ĝi estas establita tendenco nun fakte sur la TTT -
por respondema dezajno aŭ adapta,
kaj la ideo estas ke viaj aplikoj povas vere ĝustigi sin taŭge
surbaze de kio la aparato kiu ili estas montrita sur povas fari.
Do se vi estas en mobile mekanismo, evidente vi ne tuj havas tanta ekrano nemoveblaĵoj
kiel vi estos sur granda 30 coloj monitoro sidante kun labortablo, granda PC tiel.
Do la maljuna respondon al tiu estus havi 5, 6 diversaj versioj de la sama paĝo
kaj vi volas malfermi la versio kiu estis agordita por ke iu grandeco ekrano.
Ne granda. Estas tre, tre repetitivas kaj tie estas ton de vivtenado por fari tion.
Nun ni havas ion nomita CSS komunikiloj pridemandojn,
kaj ni povas uzi tiun por aŭtomate detekti kiam ekzistas certa ampleksoj
aŭ certaj uzoj de via enhavo ludiĝas.
Do vi povas respondi al tiu kaj vi povas diri, "Nu, en tiu kazo
"Vi probable eĉ ne bezonas min diri al vi kio okazas ĉi tie."
Tiu estas ĝuste diri, se ĉi aplikaĵo estas abruptis, kiel mi montris al vi antaux -
kaptante ĝin kaj meti ĝin al la flanko de la ekrano -
tiam ni faros la sekvajn stilo.
Stilo ne estas nur pri koloroj kaj necesajxojn kiel tio.
Ĝi estas ankaŭ pri dimensionamiento kaj randoj kaj paddings kaj orientiĝoj de enhavo
aŭ eĉ senaktivigi aŭ ebligante tutaj partoj de via pagxo
kaj, en tiu kazo, via app aŭ via ludo tiel.
Do ĉi tie vi povas fari tiel simpla, kiel vi volas.
Tiu ne estus utila en via apps, sed ĝi estas pruvo fojo,
do mi tuj iros antaŭen kaj nur aldoni en baza korpo selector kaj diru:
"Kiam mi abruptis, ni iru antaŭen kaj faru fono-koloro kaj ni elektas ion."
Vi havas IntelliSense tie. Ĉi tiu estas efektive vere malvarmeta.
En 2012 ni jam aldonis multajn aferojn por CSS subtenon kaj JavaScript kaj HTML.
Vi kompreneble akiris falmenuo IntelliSense tro, sed tio ne estas la malvarmeto afero.
La malvarmeta afero estas vi havas vidajn selectores por multon tiel.
Do vi povus trairi kaj simple elektas koloron,
aux vi povas iri eksteren kaj estus eĉ pli specifaj kaj vi povas elekti -
ĉi tiu tuj estos terura. Mi vere pick decan koloron ĉi tie.
Spektu la markado tro, apud la vojo. Tio estas vian RVB norma formato tie.
Sed se mi ŝanĝi la opakeco, ĝi tuj ŝanĝi transiru al alfa kanalo selector here.
Do vi povas vidi, ke la koloro kun esence la procento travidebleco ke vi havas pro ke
ĉiuj bakita dekstre en tie.
Mi tuj fari gxin kiel 100% kaj poste, kiam mi agis kun tio, ĉio estas bone kaj bonaj.
Nun, se mi kuros la app kaj ni prenos la app kaj ni snap ĝi,
ke fonkoloro estas ĝustigitaj aŭtomate
nur ĉar ni havas kelkajn CSS kiu diras, "Iru do that."
Vi ankaŭ povas skribi JavaScript tro kiuj faros la saman aferon
aŭ ke vi povus uzi por fakte paŭzi ludo, faru tion, kiel tio.
Tio probable kiam vi ŝatus uzi JavaScript.
Vi elŝaltas la ludo loop je tiu punkto.
Vi bezonus iun JavaScript ĉar tio ne estus io, kion vi farus css por.
Sed memoru, ĝi estas nur okazaĵo.
Vi povus diri, "Kiam mia kandidatiĝo estas malpligrandigeblaj,
"Ni vidu, se ni abruptis." Kaj tio estas ĝi.
>> Okay? Mi jam parolis multe. Ĉu ekzistas demandojn tiel malproksime de la loko kie ni estas? Jes.
[Studento] Is there a lernilo por iu ajn por akiri pli da informoj? >> Jes.
La demando estas, estas tie lernilo por tio? Mi nur etendi ĝin al ĉio.
Ekzistas malmultaj aferoj, ke vi povos iri. Ni efektive eliri el cxi tie.
Permesu al mi iri reen el ĉi tie.
Unu afero atentigi estas Visual Studio mem havas lernilojn konstruis in
Permesu al mi forigi ĉi.
Se vi iros kaj krei novan projekton, do File, New Projekto
kaj rigardi sur la maldekstra flanko, tie estas reta nodon en ĉi selector.
Ĝi tuj prenos iom. Mi estas sur mia MyFi tie.
Sed tuj li supreniru kaj gxi tuj donu al mi la ŝancon trovi ŝablonojn
sed ankaŭ, pli grave, specimenoj tiel.
Do mi povas alklaki JavaScript.
Ĝi tuj trovi specimenojn por mi. Mia difino estas vojo altaj tie.
Normale, vi estus vidi liston de multaj diversaj aferoj ĉi tie.
Se estas io, kion vi volas provi, elektu la lingvon,
Javascript tie, kaj vi diras: "Mi ne scias kiel fari geolocalización."
"Mi ne scipovas malfermi dosieron."
"Mi ne scias kiel utiligi la webcam
"Aŭ optimumigi por kontakto aŭ aĵoj kiel tio."
Esas specimenojn por ĉio: sharing, serĉi, app rigliloj,
farante fora alvokojn al servo, JSON kodoprezento.
Ĉiuj tiuj specoj de aferoj tie estas specimenoj ĉar ĉi tie,
kaj ili ne estas grandegaj specimenoj kiuj tuj prenos vin la tutan nokton tiri aparte
nur por trovi, ke unu afero vi volis lerni.
Ili estas vere bona. Ili estas malgrandaj, rajto al la punkto specoj de specimenoj.
Mi jam lernis tuno irante tra tiuj mem,
do mi rekomendas ke multa kiel unu afero.
>> Alia afero atentigi tro estas kompreneble mi montris al vi dev.windows.com,
do se vi reiru al tiu, vi vidos je la malsupro tie estas ankaŭ la specimenojn ĉi tie.
Do vi povas elŝuti ĉiujn el ili samtempe, sed tie estas ankaŭ multe da aliaj rimedoj ĉi tie tro
kiu povas helpi vin akiri ĝis rapido.
>> Unu alia afero, kaj mi estus vere rekomendas ke vi provu tion,
Mi havas gxin sur mia blogo, sed mi nur iri rajton gxin.
Mi montros al vi. Mia blogo havas rimedojn kaj aferojn tiel.
Unu el la aferoj atentigi pravas tie, tiu afero: Via ideo. Viaj App. 30 tagoj.
Se vi klakas sur ĉi tion, ĝi tuj kondukos vin al vere helpemaj ejo.
Tiu estas multe pli utila ol vi povus atendi.
Ĉi tuj estos la 30 tagoj de enhavo kiun vi povas esence akiri informojn kaj trukojn
tra tiu procezo kiel vi kreas app.
Kaj kiel vi eble ne atendas, vi povas reale preni ŝin por ludoj tro
kaj por telefono apps, aĵoj kiel tio.
Do esence subskriboj por ĝi, kaj oni tuj povas vin sendas informojn kaj trukojn pri,
"Ĉu vi pensis pri fari ĉi tion? Ĉu vi apogas Snap?"
"Jen kelkaj gvidliniojn pri kiel fari tion bone."
"Ĉu vi pensis pri sendado al la vendejo?"
"Ĉu vi pensis pri kiel vi tuj vendos vian kandidatiĝon?"
Ĝi tuj iros tra ĉiuj tiuj diversaj aferoj.
Kaj efektive, se vi estas en la ludo track, en iu punkto
vi devos komenci rekonante la persono parolas kun vi
ĉar mi vere devis iri al Redmint fari tiujn kaj registris 2 videoj tie.
Sed tio estas la tuta parto de la ludo track,
kaj tie estas ankaŭ plenan kanton por ĝenerala app evoluo.
Tio nomiĝas Generacio App.
Mi certe rekomendas ke vi tiel krom la specimenoj.
>> Tie estas multe da videoj en loko nomata Kanalo 9 tiel.
Tio estas verŝajne la lasta afero mi rekomendus tiel antaŭ ol ni pluiru tie.
Channel9.msdn.com.
Tiu estas granda, ĉar vi ne tuj povas legi tra tunoj da blankaj paperoj.
Ĝi estas esence multe da videoj, screencasts kaj aferojn, kiuj estas rajto je la punkto.
Mi ne diras ke estas ĉiam pravas al la punkto. Dependas kiu faras la paroladon.
Sed ĝenerale, ekzistas kelkaj vere por-la-punkto filmetoj ĉi tie
kiu montros al vi iom aparta afero vi eble volas lerni aŭ vidi demoed.
Ekzistas ankaux cxiuj el nia enhavo de nia konferenco kiu okazis kelkajn semajnojn
vokis Konstruu, kaj vi vidos, ke ĝuste tie.
Ekzistas Core teknologioj por Vindozo 8 ludoj. Tie vi iros.
Mi estis tie, fakte. Vi ne povas vidi min. Mi estis tie.
Sed ĉiuokaze, kiu apartigas, mi rekomendas, ke vi rigardu tiuj filmetoj.
Ili estas belaj helpema.
Kaze sur iun aŭ vi simple volas vidi kion io povus fari, ekbruliĝis tiuj supren.
>> [Guarin] Windows Mail ĵus sendis al mi retmesaĝon kun ligo al la enhavo
por studentoj elŝuti kun specimeno kodo kaj necesajxojn kiel tio. >> [Bowen] Granda.
Awesome. Dankon, Edwin.
>> Bona. >> [Studento] Mi havas demandon. >> [Bowen] Oh. Jes, bonvolu.
[Inaudibles studento demando] >> [Bowen] Ho, mi ĝojas ke vi demandis tion. Jes.
La demando estis, estas tie vida interfaco por mi krei aferojn?
Edwin vin rekompencos bele por tiu demando.
Iufoje vojo al fari ĉi tion.
Ĉu ni faru nun? Ni faru ĝin nun.
Mi tuj iros al ĝi ĝuste nun.
Fakte, mi aldonas en unu pli aferon al ĉi tiu demo,
kaj poste mi montros al vi la efektiva respondo.
Mi tuj aldonos en iom pli CSS tie.
Mi estis iom for de tangentes tie.
Permesu al mi metis en kelkaj CSS-tie por utiligi
de la klasoj kiuj ni aldonis iom da tempo antaŭ,
al la ĉapon, la mainContent div, kaj tiam al la greetingOutput.
Se mi faras tion kaj ruli ĝin, vi povas vidi nun ni havas iom malsamajn Plenigado kaj randoj,
do ni havos fakte iuj sxtupajxojn tie.
Tio estas pli al kio vi iras al atendas de fina polurita apliko.
Sed mi simple montras al vi, ĉar ĝi estas rekte CSS.
Do la aferoj kiujn vi jam scias ke vi povas uzi ĉi tien por alĝustigi la enhavon, kiel vi deziras.
Vi jam vidis kiel fari la fono ŝanĝi ekster tiu vojo.
>> Se mi iros denove al nia HTML, mi tuj aldonu en pli aro de markado,
kaj ĉi tiu estas efektive tuj estos kontrolo de WinJS.
Mi tuj iros kaj kroĉi ĉi, etiketo. Permesu al mi certiĝu mi faras gxin en la gxusta loko.
Probable sufiĉas.
Jen mi ĵus aldonis - kaj ni iros plena ekrano tiel vi povas vidi la tutan aferon -
Mi aldonis etikedon por la sekvanta div.
La div nomiĝas ratingControlDiv.
Per si mem tio faros nenion.
Se vi malfermas tiun en foliumilo, oni kredus esti rigardas malplenan, La div mem.
Sed ĉar el tiu mistera linio de kodo, kiun mi montris al vi antaŭe,
la procezo ĉiuj, ĝi estas tuj serĉi iun kiu aspektas kiel tiu -
datumoj-venko-kontrolo - kaj gxi tuj trovi kiom estas en tiu parametro.
Ĝi tuj fari petskribon sendistinge, ke estas ŝi la indikante.
En ĉi tiu kazo, ĝi estas rating kontrolo, tial mi diras: "Bonvolu iri kaj anstataŭigi tiun aferon
"Kun kion vi bezonas fari fari rating kontrolon."
Ĝi povus esti flip kontrolo, ĝi povus esti la progreso ringo aŭ kio ajn kontrolo vi volas uzi.
Ili tute irante labori esence la sama maniero.
Vi uzas normon HTML5 markado por indiki kion vi volas,
kaj tiam vi tuj akiri kontrolon je la fino de ĉi. Permesu al mi kuri ĉi.
Mi simple kopiis ol en, kaj nun ke markado fariĝas ĉi,
kio estas fakte tute nombro de HTML elementoj.
Tiuj estas ĉiuj individuaj bildoj, kaj tie estas divs ĉirkaŭ ili kun selectores.
Mi esperas vi povas vidi tion. Ĝi estas iom subtila.
Mi povas ŝvebi super la malsamaj celoj, kaj gxi tuj permesas al mi vidi la rating tie.
Mi povas klaki sur ĝin, kaj ĝi memoras la rating sed ke temas pri tio.
Tio ne vere faras ion kun la kvalifikon.
>> La lasta afero mi volas montri al vi sur ĉi tiu
antaŭ ol ni ŝalti en pli vida dezajno sperto
Estas iom da kodo kiun mi povas uzi por respondi al tiuj WinJS kontroloj.
Lasu min eliri el tie, revenis el plena ekrano,
kaj ŝanĝi transiru al JS tien por sekundo.
Mi povas fari tion tie ĉi. Mi pensas ke mi devos anstataŭigi ĉi tiu tuta afero.
Efektive, mi pensas ĝi anstataŭos ĉiuj de ĝi, sed ni trovos ekstere kune.
Mi metas ĉi tie. Jes. Mi tuj forviŝi ĉi tro.
Kion mi aldonu? Ĝi aspektas kiel multe. Tio ne estas multe.
Mi nur etendis tiun linion de kodo, kiun mi jam parolis antaŭe,
kaj mi diris: "Kiam ĉiu estas farita, kiam ĉiuj miaj kontroloj estis farataj,
"Tiam fari tion." Do tiam kuras ĉi funkcio nomita kompletigita.
En ĉi tiu kazo, ĉi tiu estas kion vi povas diveni.
Iru trovi ke div kontrolon.
Efektive, ekzistas unu afero mi devas atentigi.
Tio sekvanta linio estas vere diri, "Mi devas, ke ratingControlDiv."
"Mi volas paroli ĝin kvazaŭ ĝi estus vera kontrolo, WinJS kontrolon."
Do esence, vi petas, ke de ĝi.
Vi diris, "Mi volas paroli al vi kiel komandon."
Kaj poste vi povas komenci dirante tion kiel, "Ni tuj aldoni aŭskultanto por vi
"Do kiam vi ŝanĝis ni povas respondi al tio."
Kaj tiam ni povas ankaŭ fari aferojn kiel ĉi tio. Efektive, tio estas la malnovaj kodo tie.
Mi pensas, ke mi mankas interglui en pli funkcion,
kaj kiu estus la reala funkcio, kiu respondus al la rating kontrolo sxangxigxas.
Lasu min pop ke en dekstren suben tie,
ie ĉirkaŭ tie.
Kaj en ĉi tiu kazo, la sola afero ke novas estas la fakto ke ni iras en
kia la rating kontrolo diras al ni, kaj ni petas, kion oni nomas la tentativeRating.
Ekzistas aro da diversaj aliajn aferojn ol la kontrolo povas diri al vi,
kaj gxi iras kontrolo por kontrolo.
Ĝi estas tre simpla. Vi povos kompreni ĝin ne gxenu ajn.
Mi kuros ĉi, kaj nun, kiam mi ŝanĝas la ratings kaj alklaku la kvalifikon,
vi povas vidi nun ĝi estas vere respondi al tio.
Ĝi estas metante ke rating sur la ekrano en tiun alie malplena div etikedon
sub la rating kontrolon.
Tio estas la magio de multe da aĵoj ĉi tie ankaŭ.
Do kiel vi kreas aplikojn por la Vindoza Store,
ekzistas barelon da kontroloj, kiujn vi povas simple uzi. Ili ĉiuj laboras kiel ĉi tio.
>> Lasu min montri al vi la vidan flankon de desegni por tiuj aplikoj.
La bona novaĵo estas vi jam havas tiun ilon kiam vi instalas ĉio
se vi iros al tiu elŝutu kaj vi ricevas Visual Studio.
Mi povas dekstre klaki sur ĉi. Mi ne zomi in
Ĝi ĵus diras Open en Blend.
Blend estas alia ilo kiu funkcias flankon ĉe flanko kun Vida Studio
kaj estas centrita multe pli en la dezajno flankon de aferoj,
do ĝi vere surfacoj iloj kiuj optimumigita por krei stiloj,
krei kuraĝigoj, laborante per CSS, multon en tiu speco de vejno.
Jen kion devas esti tre interesa kaj sufiĉe preterlasas tuj estas ni rigardas la programon.
Espereble ni ankoraŭ estas.
Anstataŭ vidi kodon, kiun ni ankoraŭ ne vidas ĉe la malsupro,
ni vidas la realan reprezento de la aplikaĵo.
Kio estas pli, ĝi ne estas nur reprezento de la app, estas efektive la app kurado.
Kaj tio estas kio vere estas agrable pri Blend.
La teamo faris multan laboron por venigi de HTML kaj JavaScript kaj CSS en ĉi tiun ilon.
Nun vi povas efektive, se vi estas scivolema, "Kion tio signifas? Kion mi povas fari?"
Mi povas reale desegni al ĉi tiu apliko kvankam aĵojn kiel tiu ne ekzistas en mia markado.
Memoru ke rating kontrolo? Ĝi estis nur div etikedo.
Ĉi stuff, ke stelo, nur ekzistas en tempo de ekzekuto. Kiel mi scias, ke?
Ekzistas iom da magio super tie.
Vidu tiujn radioj?
Ajna tempo vi vidas fulmo riglilon, kiu volas diri ke estis kreita de iu je ekzekuto.
Kelkaj JavaScript kuris kaj sin turnis ion en tiun aŭ kreita ĉi kun iu logiko.
Tiuj steloj, kiujn vi vidas tie kreigxis per Javascript per WinJS.
La agrabla afero estas, ne gravas al mi, mi povas ankoraŭ desegni ŝin,
Mi povas ankoraŭ eniros kaj ŝanĝi ĝin, mi povas eltrovi, kio okazas ĉi tie,
Mi povas rigardi la CSS-, mi povas iri antaŭen kaj eltrovi kial la koloro estas la maniero estas,
Mi povas komenci konfuzigante aferojn kaj farante tion, hororiga,
kion ajn mi volas fari.
Fakte, mi lasos tion sole.
Sed vi povas vidi ĉi tie estas ĉiuj CSS kaj ĝin montrante vin tie ĉi.
Se mi iros al tie, ĝi tuj montros al vi ĉion, kion ili nomas Winning,
tial la CSS-reguloj, kiuj estas la plej specifa kaj la plej elektitaj por tiu ero,
kion vi verŝajne jam estus transirinta en viaj klasoj,
kie vi povas diri ke estas ĝenerala tiparo ke ni aplikante al ĉio,
sed ĉar ĉi tio estas h1 kaj mi havas koloro difinita por h1s,
ĝi tuj estos ĉi tiun koloron, kaj tiu estas ĉar ĝi estas pli specifa ol la body1.
Ĉi tiu afero ĝuste ĉi tie montras al vi ĉiuj, ke,
kaj ĝi estas vere potenca necesajxojn kiel vi ricevas pli kompleksa,
vi scivolas kial tiuj aĵoj estas la vojo ili estas.
Ĝi efektive diras al vi, kaj vi povas elekti iun el ĉi tiuj eroj ĉi tie.
Tiu koloro ne estas tro malbona, fakte.
Vi povas elekti ilin. Mi esperas vi povas vidi ĉi tion.
Por ĉio, kion vi havas sur vian kandidatiĝon, vi vidas tuta akvofalo
de ĉiuj CSS kiu povus esti aplikata al tiu kaj kiuj unu estas gajni,
kion oni efektive prenis prioritaton.
Tio estas speco de enuigaj. Tie estas ne multe okazas en iu el tiuj.
Se mi iras, kaj ŝanĝi la koloro, tiam vi devos komenci vidante iun kaskadan tie.
Vi ankaŭ povas uzi HTML-tie ankaŭ.
Mi povas iri tra kaj modifi la HTML propraĵoj por ĉiuj el tiuj aferoj, kiel mi dezirus.
Tie estas nur tunoj da ŝtofo tie.
>> Mi ne volas preni vian tempon per tra ĉio ĉi tie. Nur scias ke estas ĉi tie.
Tie estas multe da dezajno-orientita funcionalidad tio estas nur disponebla por vi
tial vi povas resti vida, labori per la apliko, kaj ne devas fari multajn diveni
ke vi devus vidi normale kaj biciklado revenis de retumilo returne en via dezajnon,
Reen al la legilo.
Tiu estas vere malvarmeta necesajxojn por tio, kaj kiel vi disvolvi Vindozo Store app,
ĝi tuj faros vin multe pli produktiva.
>> Vi ankaux vidos ĝi estas spuri la markado tie kaj viajn CSS
kiel vi laboras tra malsamaj aferoj.
Estas probable vere malfacile por vi vidi tion, speciale pri filmetoj,
sed tio estas kio okazas ĉi tie, kaj mi rekomendus al vi estos kutimiĝinta kun tio.
Ĝi helpos vin multan tempon. Tio Blend.
Se vi faros neniun ŝanĝoj ĉi tie, ili estas aŭtomate tuj porti reen super
al Visual Studio.
Ĝi estas la samaj dosieroj, ĝi estas la sama ĉiu. Mi lasos gxin sola.
Mi havas bonan ekzemplon por ke mi volas montri al vi.
Sed se mi faris ŝanĝon tie kaj savis gxin kaj mi revenis al Visual Studio, ĝi dirus,
"Hej, vi ĵus ŝanĝis ion. Ĉu mi povas reŝarĝi ĝin por vi?" Jes.
Kaj vi uzas la samajn aĵojn tie.
Tio estas la fino de tiu aparta specimeno.
>> Mi volas montri al vi pli altan fino specimeno ĝuste doni al vi vidon de aliaj funcionalidad
vi eble pensas pri kiel bone.
Tio ĉi estas specimeno app ke vi povas elŝuti.
Se vi serĉas ion vokis la Vindoza Tendaro en skatolo,
estas kelkaj specimenoj, kiuj estas en tio, kaj unu el ili estas La Contoso Cookbook.
Mi povas nur funkcii tion por vi.
Propra plaŭdo ekrano. Tiu estas la Grid view apliko.
Ili jam ligis kelkajn kutimo datumoj tie. Vi povas navigi tra ĉi.
Vi povas iri kaj rigardu diversajn aferojn kiujn ni faros malsata sur vendredon posttagmeze.
Mi ne scias. Kio estas tuj fari al mi la plej malsata?
Mi ne scias. Mi simple tuj elektu unu.
Vi iros en ĉi tiujn aferojn. Ĝi montros al vi la recepton.
Vi povus ankaŭ, anstataŭ alklakante eron,
vi povas iri rajton al tiu kategorio de enhavo, tiu sekcio de enhavo.
En ĉi tiu kazo, vi povas legi multajn falsa latina diras al vi pri tiuj receptoj tie
kaj tiam iru dekstren en la specifa recepto.
Tio ankaŭ subtenas aĵoj kiel la dividado kiu mi montris al vi antaŭe kun la fotojn.
Vi ankaŭ povas serĉi en ĉi tiu apliko tro.
Ĝi estas tre simpla fari serĉadon.
Esence, vi nur prenanta kordo de teksto el Vindozo
kaj vi decidu kiom vi volas manipuli serĉo per tio.
Estas kelkaj linioj da kodo bonstata, kaj tiam kion vi faru per ĝi post kiu estas plene supren al vi.
>> Tie ili ankaŭ havas app trinkejon kie oni uzas kelkajn aliajn funkciojn.
Mi nur diri al vi kion ĝi estas.
Ni memorigas tuj uzi, kion oni nomas toasto sciigo.
Tiu estas vere utila por lasi la uzanton scias kiam tio okazis,
kiel apliko estis instalita aŭ io estis kompletigita.
Ĝi estas ankaŭ bona por ludoj tro.
Se vi havas konstantan mondo aŭ ĉefo estraro kaj servo kiujn'S gastigi ke
eble en aparta maŝino, tiuj sciigoj de povas esti sendata en maŝino
kaj eĉ se la uzanto ne uzante vian ludon, ludante vian ludon aŭ kurante via app,
Ili povas ankoraŭ ricevi sciigojn pri tiuj specoj de eventoj.
Do vi povus diri: "Viaj kastelo estis detruitaj aŭ trovas nur pri detruitaj."
"Get tien kaj defendi ĝin," aŭ io simila.
Vi klaku sur la sciigo, vi ĝuste iros returne en la ludo, kaj vi povas ludi ĝin.
Do tiuj specoj de aferoj povas helpi vere desegni homojn reen en via app bela efike.
>> Ekzistas ankaux apogi en tiu apliko por uzanta la mikrofono, la webcam,
faranta video kaj prenante fotoj.
Vi ankaux povas alpiki sekundara kahelo.
Ĝi estas utila, se vi volas nur devas azuleĥo kiu iras dekstre al certaj enhavo.
En ĉi tiu kazo, ĝi iras rajton tiun recepton.
Ĉio mi mencii ke mi nur montras
ĉar ĝi estas aferoj kiujn vi povas pensi uzante ankaŭ.
Plejparte, ili estas tre simpla al uzi.
Mi farus nur rekomendi vin venigi ke specimeno esploristo
kaj trovu fragmenton kiu povas montri al vi kiel fari tion.
Ĝi estas sufiĉe simpla, por konduki tiujn en vian apps tie ankaŭ.
>> Mi tuj montros al vi ion alian, kiu estas sufiĉe malvarma tie ĉi.
Mi snap ĉi apliko, kaj mi tuj reiri al Visual Studio.
Tiu apliko estas kuranta. Ĝi estas kurante de Visual Studio.
Mi povas fari kelkajn belajn cool stuff with that.
Mi fakte havas eblon elekti elementon,
kaj mi povas transiri ĉi tie al la rekta apliko kaj mi povas diri,
"Mi scivolas kial ne estas Preparado Tempo iomete pli helgriza ol la titolo mem?"
Mi povas klaki sur ĝin.
Ĝi okazas sinkronigi tiu dorso enen Visual Studio,
kaj gxi tuj montri al mi ekzakte la generita enhavo kiu rezultigis, ke parto de la UI.
Do, en tiu kazo, ĝi estas ero-subtitolo kaj h4 duobla konstrui,
kaj ke verŝajne diras al ni, kion ni bezonas scii ĉar kiel h4 ene de tiu ĉirkaŭteksto,
ĝi estas tuj akiri certan specon de tiparo.
Sed se mi ankoraŭ ne scias kial, mi povas alklaki Streku Stiloj.
Mi povas do pligrandigi el koloron kaj mi povas eltrovi ĝuste kial tiu koloro estas ne la estonta korpo koloro
sed fakte estas io alia.
Tio estas esence la dev iloj de Internet Explorer
en tia grado, alportitan en Visual Studio.
Se vi jam laborinta kun la Chrome Dev Iloj, Firebug, aĵoj kiel tio,
tiuj specoj de iloj kiuj estas en la krozilo,
tian funcionalidad estis alportita rekte en Visual Studio
tial vi ne reale devus lanĉi retumilo kaj labori kun tiuj iloj aparte.
Nun mi havas Vindozan Store app ĝuste ruliĝas,
kaj mi povas komenci tirante ĝin aparte kaj ekscii kial tion faras kio ili estas.
>> Mi povas fari ĝin ankaŭ ĉi vojo tro.
Mi povas iri kaj simple elektu ion ekde la markado kaj eltrovi kio estas
en la apliko mem. Mi kredas ke mi jam foriris por ĉiu.
Ĉi tie mi sxvebis super tiu. Mi povas elekti ĝin.
Ĝi montros al mi en la reala funkciado apliko kie tiu afero estas
ke mi nun alklakante la markado.
Really cool stuff.
Kiel vi provas diveni kio okazas kaj kio HTML estas faranta,
kio CSS faras, gardu tion en menso.
Memoru ke ni estas ĉi tie por vi
kaj ankaŭ ke Blend povas labori kun rekta kurado apliko.
>> La lasta afero mi volis montri al vi kun ĉi tiu apliko -
Parenteze, tio montras al vi, deltas kiel aferoj ŝanĝiĝas tro,
tial vi povas rigardi tiujn flavajn brilaĵojn.
Tiuj estas aferoj kiujn jxus sxangxis en la apliko.
Sed unu lasta afero. Mi volas reiri al Miksu nur dum sekundo tie.
Ni malfermu ĉi supre, Open en Blend, sama app, sama ĉion.
Mi nur volas montri al vi la sperto ĉi tie estas ne nur vi estas hokita sur la hejmpaĝo
rigardante la aferoj kiujn vi ricevos de defaŭlta kiam vi kuros la app kaj gxi sidas tie.
Vi povas ankaŭ ŝalti ĉi belan malgrandan ikonon ĉi tien.
Ĝi nomiĝas Interaga moduso.
Vi klaku sur tion. Ĝi tuj elvoku via kandidatiĝo.
Vi ne estas en Dezajno mode plu, do vi ne tuj povas klaki sur aĵoj
ŝanĝi funkcioj, sed vi povas reale labori per la apliko nun.
Vi povas alklaki tra, vi povas fari kion ajn, atingi recepto ke vi zorgas pri
aŭ al kategorio. Ni iru al tiu kategorio.
Mi tion diri, "Nu, ĉi tie estas kie mi volas desegni."
Tiam vi alklaku la butonon denove, ĝi alportos al vi denove en la Design surfaco,
kaj nun vi povas fari cxiujn tiujn aferojn, ke mi estis parolanta pri antaŭe.
Mi gardos musklako ĝis mi akiri ĉi selektitaj, eltrovi lian dimensioj,
eltrovi la HTML por ĝi, la CSS por ĝi
por kuri apliko, iuj posta parto de la apliko.
Tre, tre utila. Mi montros al vi.
Bonvolu teni ĝin en la menso, se vi serĉas en skribado kodo kun ĉi
ĉar ĝi estas tuj savi vin multe da ĝeno, kaj ĝi estas sufiĉe bona aĵo.
Tio estas sufiĉe da ĉio mi volis montri al vi en Blend kaj en Visual Studio por ĉiuj el tio.
>> Demandojn al ambaŭ el tiuj iloj?
Io ajn? >> [Guarin] Mi havas aferojn por doni, tiel bona demandojn, bonaj aĵoj.
>> [Bowen ridas] Mi jam sciigis al vi mian donu ĉi tie.
Mi tuj metos gxin sur la Resources paĝo kaj turni al demandoj nun.
Tiu unua referenco estas ke Generacio App paĝaro kun la ludon relo kaj la app spuro.
Aliĝi por tiuj.
Vi ne devas atendi la 30an tagojn por atingi la enhavo.
Vi povas komenci iri kaj rigardi la enhavon, kiel vi deziras.
Mi komprenas vian tempon kadroj povus esti malsama ol - [estuaron]
Do kiam estas la Hackathon? Tio estas paro de semajnoj, ĉu?
Do vi ne havas la 30 tagojn atendi.
Do jes, vi povas subskribi por tio kaj poste komencu tirante la enhavo el ĝi.
Ankaŭ la Dev kaj la Design Societoj.
Kaj mi ne menciis tion, sed estas ankaŭ la Store Dokumentoj.
Tiu estus por post la Hackathon kiel vi pretas komenci Sendante vian apps por la vendejo.
Tie estas kelkaj helpemaj gvidliniojn tie, iuj gvidon pri kiel akiri tion en la trezorejon,
iuj komunaj aferoj, kiuj povus malhelpi vin,
kaj tio estas la sorto de tiuj rimedoj.
>> Do kio estas en via menso? Io ajn alia ke vi -
[Guarin] Kiu pensas pri fari Vindozan app por CS50? Cool.
[Bowen] Cool. Granda.
>> Demandojn pri la aĵojn kiujn vi vidis ĝis nun kaj kiel gxi rilatas al tio?
Ekzemple, kun pli da tempo mi ne povis preni ludo kiun mi verkis
kaj kiu kuras en foliumilo kaj nur speco de trairu la procezo
venigi ke en Visual Studio kaj farante gxin Vindoza Store programon.
Ĝi prenas pli da tempo ol ni vere devis inkluzivi hodiaŭ,
sed la mallonga versio estas ĝi estas la sama kodo ke vi kuras en la krozilo,
kaj tion, ke vi ŝanĝu estas la aferoj, kiujn vi decidas konekti al Vindozo 8.
Do se vi volas uzi ĉarmoj, se vi volas serĉi aŭ dividi,
vi devas krei app trinkejo kaŝi for iuj funcionalidad sur tio,
tiuj estas la specoj de aferoj kiujn vi ŝanĝus.
Sed la kerno de via retejo app povas resti sendifekta.
Denove, tiel longe kiel ĝi funkcias en IE10, ĝi tuj estos vere facila haveno
por movi tiun rubon en Visual Studio, en Blend kaj faros gxin Vindoza Store programon.
Denove, la nuraj aĵoj vi bezonos lerni estas tiuj aliaj trajtoj
ke vi povas uzi por lumigas aplikon, kiel vivas kahelo kaj tiuj specoj de aferoj.
>> Jes. >> [Studento] Mia demando estas pri laborado telefonoj.
Do, se vi faros app kiu funkcias kiel app sur labortablo,
estas vere facile trapasi ĝin al mobile, aŭ estas tie -
La demando estas, se mi faras Vindozo Store app kiu estas vere optimumigita por tiu medio
kaj mi volas venigi gxin al mobile mondo, kio implikita kun la fari tion?
Tio, kiel multaj demandoj, estas ĉiam konstante ŝanĝanta respondo.
La bona novaĵo estas, se vi batas kun HTML kaj JavaScript, CSS,
se vi startante de Vindoza Store app,
tio okazas, por ke vi konduku gxin al la TTT
kaj tiam uzi tiujn specojn da teknikoj, kiel komunikiloj pridemandojn kaj aferojn,
adapti al diversaj grandeco aparatoj.
Tio dirite, ĉiam kadroj kaj aĵojn tie
ke subteno etendante el diversaj teknologioj, diversaj platformoj.
Tio ŝanĝas la tutan tempon.
Ni ankaŭ ŝanĝas aferojn tiel kiel ni ekrigardus kion ni havas nun
reale evi Vindozo Telefono 8.
Ni havas kelkajn dividis kerna infrastrukturoj
proponis inter aplikoj por tiuj medioj.
Do la havajxoj, kiujn vi faras por krei Windows Store app,
multaj kiuj povas transporti pli ol en Vindozo Telefono 8 apliko tiel.
Tio denove estas aperanta rakonto, do tie estas kelkaj enhavo pri tio, je konstrui.
La SDK simple elprenis iom tempon. Ĝi estis ĵus eldonis iom tempon.
Sed en terminoj de aliaj platformoj tro,
vi probable kolizii multaj transversa kajo kadroj tiel.
La bona novaĵo estas la aĵoj kiujn vi faras ĉi tie,
la kerno funcionalidad estas rekta supren ttt normo vazaro.
La solaj aĵoj kiuj ne volis traduki facile estas la aferoj, kiujn Windows 8 faras,
sed tio ne estas surprizo ĉar ĝi estas Windows trajto.
Vi ne estas tuj trovos sharing aŭ similaj specoj de kontraktoj sur ĉiu alia platformo.
Do tiuj estas la aferoj, kiujn vi volus el dezajno perspektivo
certigi vin havas manierojn por ia abstrakta, ke el tio oni povas diri,
"Se mi kuras sur ĉi tio, mi povas tion fari."
Se mi ne estas, tie estas kelkaj dezajno ŝablonoj vi povas uzi por ia kaŝi ke stuff for.
Sed gardu, ke en la menso. Jes. Pardonon. Antaŭen.
>> [Studento] Se mi volas provi mian Vindozo app sur supro de [inaudibles]
[Bowen] Jes. Mi saltis alia afero ankaŭ. Jes.
Mi respondos vian demandon antauxe, do mi montros al vi esprimilo mi forgesis mencii.
Ni ja havas iujn maŝinojn havebla loke. Mi bedaŭras.
La demando estis, kiel mi testi tion sur aparatoj
se mi ne hazarde havas amason da aĵoj por elekti?
[Guarin] Ni pruntedonis al vi, knaboj, mi pensas, 5 aŭ 6. Kiom vi bezonas?
[Studento] Ni ricevis 4 el ili. >> Bone. Vi infanoj ricevis 4 skribtabulojn ludi ĉirkaŭe kun.
Do certe ni ĉiuj scias, bonvole. [Estuaron] >> [Bowen] Awesome.
Tio estas eĉ pli bona respondo, ol mi volis doni al vi.
Ni havas oficejon horoj por programistoj, kion ni faras en nia oficejo
kaj nun rapide venos al la Mikrosofta Store super ĉe la Pru,
sed Edwin jam atentas pri vi.
Estas 4 skribtabulojn havebla por loaning, por testado.
Tie ni iru. Tie estas ekzemplo de unu ĝis tie.
Do jes, absolute. Granda.
Absolute per malproksime la plej bona maniero testi estas esti sur mekanismo.
Se vi ne hazarde havas unu ankoraŭ aux vi ne volas promeni tra kampuso en la negxo
ekpreni unu aŭ kio ajn, estas maniero por fari tion reen en Visual Studio.
Se mi reiros en kie mi estis tie, tie anstataŭ uzi Loka Maŝino,
vi povus konekti al Remote Maŝino, sed tio ne estas kion mi parolas pri ĉi tie.
Simulilo estas la afero, kiun vi eble volas enrigardi.
Mi kuros ĉi, kaj ĝi vere kia ĝi estas, ĝi estas esence fenestron sur via propra sistemo.
Ĉi tie estas reale mia sistemo kurante, kurante Contoso,
sed en maniero kiu ebligas al mi ŝanĝi iom el la ekzekuto parametroj,
la media parametroj.
Do mi povas diri tie ĉi, "Vi scias, kion?"
Oh. Mi jam gxi kuras en simulita 27 coloj monitoro ĉe 2560 rezolucio.
Mi povas facile faligi ke malsupren kaj vidas, kion mia apliko farus kun malgranda ekrano
aŭ ŝanĝante DPI agordojn aŭ kio ajn.
Do sur malgranda ekrano, 10,6, kio estas tio faros?
Kiu ankoraŭ aspektas sufiĉe bona, ĉu ne?
Vi volas fari tion, speciale se vi submetis al la vendejo, ĉar ni faru
kiel parto de la testado procezo.
Kaj se estas problemoj kiel tio,
tiam vi povus kolizii elfluon getting registrita por la vendejo.
Sed tio estas parto de la simulilo. Really cool. Tre facila por fari tion.
Vi povas ankaŭ uzi trajtojn kiel turniĝanta gxin tiel.
Mi povas klaki la butonon ĉi tie, ili gxin turni, vidi kio iu havus kiel travivaĵo
turnanta sian skribtabulo, ilia tabelo kaj per via kandidatiĝo kun tio.
Tie estas kelkaj aliaj aferoj tro kiel takto imitado kaj kelkaj aliaj aferoj,
opcio GPS.
Mi povas ŝajnigi min je malsama situo kaj vidi kion mia apliko faras
kiam mi pretendas ke mi estas denove en Seatlo aŭ io.
Sed ĝi estas vere utila trajto, kaj ĝi estas konstruita en al ambaŭ Visual Studio kaj en Blend.
Jes. Via demando.
>> [Studento] Se vi skribas ludon, tio Visual Studio havas neniun apogon por kuraĝigo?
Jes. La demando estas ĉirkaŭ kuraĝigo subtenon, aparte kun la ludoj.
Ĝi dependas. [Chuckles]
Kun JavaScript mi ​​diros ke estas probable malpli da apogo ol tie estas en la XAML flanko
kiu havas tempoaksojn, havas storyboards kaj aferojn, kiuj estas konstruitaj in
Por kuraĝigoj je JavaScript apps, mi ne scias kiom da respondon mi deziras al vi.
Mi havas rimedojn sur mia blogo, kiuj iras tra multaj opcioj por ambaŭ fiziko kuraĝigoj,
ebloj por JavaScript-orientita ludoj sur Vindozo 8.
Mi raportus al vi tiujn.
Esence, tie estas tiom da elektoj.
La kialo mi hezite estas tie estas tiom multaj eblecoj por fari kuraĝigoj per JavaScript.
Ĝi povus esti CSS, eblus Canvas-bazita, ĝi povus esti nur bazajn DOM kuraĝigoj,
ĝi povus esti tre malsamaj, do tio vere dependas de via elekto.
Se vi decidas uzi iun kiel Create.js aŭ Kalko aŭ aliaj specoj de kadroj -
Nu, mi ne estas eĉ certa, ke vi tuj povos uzi pli altaj fino kadro
plaĉas Impact aŭ konstrui.
Kiu inklinas generas pli kodo ol vi eble konsideru de nulo.
Sed en tiuj kazoj, vi povus ankoraŭ uzi simulilo, vi povas uzi la medioj,
kaj mi emas simple uzi tiun medion por mia provo kajo en tiuj kazoj
kiel mi evoluantaj ludoj.
Mi estis fajna speciale kun Canvas kuraĝigoj,
kio estas probable la plej komuna afero.
La plej bona vi tuj probable trovi estas la dev iloj en la foliumilo
kaj dev iloj en Visual Studio.
Speco de meandra respondo ekzistas, sed espereble mi ricevis vian respondon. Jes. Vi.
>> [Studento] Kio estas la stokado de datumoj ebloj por Vindozo 8 apps?
Kio estas la stokado de datumoj ebloj por Vindozo 8 apps, Vindozo Store apps?
Viaj opcioj estas vere ĉiu apliko ricevas sian propran akvejo de lokaj stokado
por agordojn kaj por datumoj, sed ĝi estas ankaŭ ridinde facila uzi vagante stokado,
uzi nubo-bazitaj stokado. Ĝi estas senpaga.
Kio okazas estas vi esence elekti malsaman klason kaj vi diras:
"Roaming Difinoj, Save, tiu aparta aro de enhavo",
kaj ilia Microsoft konton, kion ili jam subskribis en tiom,
tuj estos la ŝlosilo vagante tiun informon ĉirkaŭe.
Do, se mi uzas vian ludon en mia portebla komputilo kaj mi ensalutas per la sama konto
kaj mi ludi la ludon sur surfaco aŭ tabelo
ke estos aŭtomate vagas tiu opcio kaj datumoj inter tiuj maŝinoj.
Tio estas defaŭlte afero. Tio estas bono por iuj kvantoj de datumoj.
Vi devus ne metis grandegan datumbazon en tiuj.
Por ke vi devas iri al aliaj specoj de solvoj, kiel gastiganta datumbazo en la nubon,
aferojn tiel.
Ekzistas kelkaj aliaj komunumo opcioj ĉirkaŭ aliaj specoj de datuma teknologioj.
Mi vidis kelkajn SQLite ebloj en la komunumo ĉirkaŭ tie ankaŭ.
Do pli kaj pli aperanta, sed tiuj estas la primara aferoj kiujn vi ekrigardus
por ludo aŭ app.
Kaj vi havus demandon en la dorso tro.
>> [Studento] En terminoj de la reto [inaudibles] alŝutas aŭ elŝuti dosierojn [inaudibles]
[Bowen] Ĉu via demando kiel vi povas vidi, ke aŭ kiel vi povas elpurigi tio kaj provi ĝin?
[Studento] Kiel vi povas elpurigi gxi [inaudibles]
Pardonon. Mi ne povas auxdi cxion de gxi.
[Studento] Kiel oni akiras gxin cimon testita kaj ankaŭ [inaudibles]
Granda. Granda.
Kiel vi labori per retoj? Kiel vi povas vidi, kio okazas?
Ekzistas multaj diversaj respondoj al tiu:
sed lasu min montri al vi probable la plej facilaj aferoj ĉi tie.
Permesu al mi forigi la simulilo dum sekundo.
Nur kelkaj debugging ebloj por retoj.
Tie estas plena reto stako bakita rekte en ambaŭ la WinRT nivelo kaj el WinJS,
tial vi povas tre facile fari XHR, AJAX tipo flamo de via ludo aŭ programo por fari tion.
Ĉefe, mi emas uzi 2 aferoj.
Mi uzas la realan dev iloj mem, kiuj havas reton stako bakita en ilin.
Lasu min montri vin la Vindoza ĉefpaĝon.
Mi povas venigi ĉi supren, kaj tie estas reale reto prokura bakita en tiujn ilojn tie.
Do mi povas fari tion, mi povos refreŝigi la paĝon, kaj gxi tuj klarigos al mi cxiujn el la interagoj,
inkludante AJAX alvokas por tiu kunsido, por ke peto de daŭro.
Tio estas utila. Ĝi tuj estos tre utila por krozilo-bazitaj apps.
Por aliaj specoj de apps, inkluzive Vindozo Store apps,
Mi uzas ilon nomata Fiddler.
Vi tuj ricevos ludo en respondo. [Chuckles]
Fiddler estas simpla prokurilo. Mi kredas ke mi povu montri, ke por vi.
Estas nur GetFiddler.com, kiu, interese sufiĉas, mi spuranta mia reto stako
tuj GetFiddler.
Sed nu, certe Fiddler estis verkita de unu el la PMS sur la IE teamo,
do li scias kion faras.
Ĉi tiu estas bona prokura ke vi povas uzi por debugging reto trafiko.
Mi rekomendus ke. Demando tie ankaŭ.
>> [Studento] Ĉu ekzistas facila maniero por integri fremdan lingvon enigo,
kiel japano aŭ ĉino, en Vindozo apps?
Mi ne povas diri, ke mi jam faris tro multe de ĝi mem, sed estas bakita in
Esas opcioj ĉar kompreneble elsendas via kandidatiĝo - I'm sorry, mi ne diras, ke la demando -
ebloj ĉirkaŭ tutmondiĝo, lokaligo de enhavo,
inkludante aferojn kiel povi vendi en malsamaj merkatoj
kaj noti ke la versio de via kandidatiĝo por tiuj individuaj lingvoj
aŭ kulturoj aŭ aferojn tiel. Absolute konstruis in
Ni havis subtenon por tiu por eterne,
kaj kiu portas antaŭen en viajn opciojn por Vindozo Store.
Vi povas fari tion en la vendejo mem, vendi en malsamaj merkatoj,
Vi povas fari tion en la apliko tiel tro kun uzanta rimedojn por difini,
"Se mi estas kreita por ĉi tiu kulturo, tiam uzu tiujn anstataŭigas por mia teksta enhavo
"Aŭ uzi dekstra al maldekstra leganto."
Tiuj estas ĉiuj parto de la defaŭlta WinJS kaj WinRT API. Bona demando.
>> Kiom ni faras? Ajna aliaj?
Kaj se iu en video havas demandojn, mi cbowen @ microsoft,
do mi ĝojas fari iu ajn el viaj demandoj de la estonteco.
Tre - El la estonteco, estonto [imitas echo].
Do jen mi. Permesu al mi remetu mian kontakton tie ĉi.
Do simple sendu al mi noton, cbowen @ microsoft,
Mi reiros al vi tuj kiam mi povas.
>> Io ajn alia ke vi scivolas? Ĉu ni bonon?
Granda. Ĉiuj pravas. Dankon ĉiuj tre multe. Mi dankas ŝin. [Aplaŭdo]
>> [CS50.TV]